4

Membuat Auto Lightbox di Blogger

Author Nur    Category ,

Berikut cara membuat lightbox di Blogger yang saya ambil dari Simplex Desain.
1. Masuk ke Dasbor, Masuk ke Rancangan, kemudian Edit HTML
2. Masukkan kode dibawah ini sebelum kode <body>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'
type='text/javascript'/>
<style type='text/css'>
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #444;
padding: 10px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>


<script src='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.js'
type='text/javascript'/>
<link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css'
media='screen' rel='stylesheet' type='text/css'/>

<script type='text/javascript'>
$(function() {
$(&#39;a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png],
a[href$=gif], a[href$=bmp]:has(img)&#39;).lightBox();
});
</script>

3. Simpan dan selesai

---


4 Comments to “Membuat Auto Lightbox di Blogger”

  • cvdo   18 Juli 2011 pukul 15.13

    kok gak bekerja ya om?

  • Cah Mbudur   18 Juli 2011 pukul 18.13

    Tak cek file Javascriptnya oke semua tu boz...
    dan di blog saya juga masih bekerja :)

  • Anonim   4 Agustus 2011 pukul 16.28

    gambarnya mana bos?
    bisa kasih contoh dengan halaman galerinya ga ?
    maaf nih saya kurang paham

  • Cah Mbudur   6 Agustus 2011 pukul 19.58

    gambar galerinya ya blog saya ini :)
    klik gambar diatas atau kalo ingin gambarnya banyak buka "beranda" klik gambar yang dipostingan

Post comment