• blog wahyu winoto
  • G+ wahyu winoto
  • Instagram wahyu winoto
  • pinterest wahyu winoto
  • fb wahyu winoto
  • twitter wahyu winoto

Lightbox di Blog dan Cara Memasang Lightbox di Blogspot




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.




***






Ada 0 komentar untuk artikel Lightbox di Blog dan Cara Memasang Lightbox di Blogspot


Posting Komentar


 

garis hijau panjang