Lightbox di Blog dan Cara Memasang Lightbox di Blogspot
Lightbox di Blog dan Cara Memasang Lightbox di Blogspot
Apakah arti lightbox di Blog itu?
Lightbox di blogger secara sederhana dapat dikatakan metode menampilkan gambar dalam halaman posting dengan lebih mengutamakan gambar itu sendiri dan mengabaikan elemen lain.
Lihat contoh gambar dibawah ini, ini adalah gambar di salah satu blog saya yang saya lengkapi dengan fitur Lighbox, pada blog itu jika anda klik gambar dalam postingan maka akan ditampilkan gambar tersebut dalam warna yang kontras, sedangkan halaman posting akan menjadi blur atau bahkan hitam, jadi pembaca akan fokus ke gambarnya saja.
 |
| Contoh tampilan lighbox di blog |
Jika dalam sebuah posting ada beberapa gambar, maka pembaca akan dapat memilih gambar mana yang dilihat cukup dengan klik pada icon gambar kecil dibawah gambar utama yang ditampilkan.
Nah, setelah paham tentang lightbox sekarang bagaimana cara memasang fungsi lightbox di blog?
Sebenarnya caranya cukup rumit, dimana kita harus membuat javascript untuk menampilkan gambar lightbox, kemudian memasang juga script pemanggilnya di setiap posting, namun untuk memudahkan anda memasang lightbox gunakan saja script yang sudah dikombinasikan berikut ini:
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script><br /> <script src="http://code.fyglab.com/colorbox/blogger-colorbox-min.js" type="text/javascript"></script>
Copy kode di atas dan paste di atas kode </head> dalam template blogspot anda.
Kemudian simpan template.
Sekarang coba bukan posting yang ada gambar2nya, lalu klik pada salah satu gambar, dan lihat, tampilan gambar akan muncul dalam bentuk lightbox.
Mudah bukan, selamat mencoba memasang lightbox di blog.
***
Baca juga: Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia danBisnis Online Daftar Gratis Bonus jutaan rupiah
Tidak ada komentar:
Posting Komentar