
Bagi sebagian peblogger kurang menyukai tampilan gambar yang telah dipasang light box, tetapi sebagian lagi sangat menyukai tampilan light box.
jika anda tergolong bagian kedua (menyukai tampilan light box), anda dapat menggunakan light box default Blogger tanpa harus menambah kode tertentu kedalam Template Blog anda. Anda hanya perlu menambah sedikit kode pada saat anda membuat postingan.
Sebelum anda menggunakan Light Box default Blogger, sebaiknya anda cek terlebih dulu pada pengaturan tampilan blog anda dengan langkah-langkah berikut ini :
- Masuk ke dasbor
- Pilih blog yang ingin diatur setelan tampilan.
- Klik Setelan (paling bawah)
- Pilih Post dan Komentar
- Pilih ya pada Tampilan Gambar dengan Light Box
- Simpan perubahan
- Kode pertama
<div class="separator" style="clear: both; text-align: center;">
<a href="URL/alamat gambar" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="100" src="URL/alamat gambar" width="100" /></a></div>URL/alamat gambar
. Isi keduaURL/alamat gambar
itu dengan gambar yang sama dengan fungsi sebagai berikut:URL/alamat gambar
merupakanURL/alamat gambar
yang akan tampil pada Light Box. Tampilannya sesuai dengan ukuran asli dari gambar tesebut.URL/alamat gambar
merupakanURL/alamat gambar
yang tampil pada halaman blog anda.- Ganti kata left dengan center agar gambar terletak ditengah dan right untuk dikanan.
- Atur ukuran gambar yang tampil pada postingan sesuai dengan ukuran
yang ingin anda tampilkan. Pada kode diatas, tampilan gambar pada
postingan diatur pada ukuran
height="100"
danwidth="100"
. Silahkan anda ubah.
- Kode Kedua
<a href="URL/alamat gambar"><img class="imgfl" height="100" src="URl/alamat gambar" width="100" /></a>
URL/alamat gambar
harus diisi dengan alamat gambar yang sama serta kodeclass="imgfl
menunjukan bahwa gambar diletakan dikiri. Ganti kode itu menjadiclass="imgfc
untuk tengah dan kodeclass="imgfr
untuk kanan



Gambar diatas diatur dengan ukuran lebar 100px dan tinggi 100px untuk tampilan sebelum diklik. Tampilan gambar pada light box merupakan ukuran asli dari gambar tersebut,\.
Posting Komentar