Memasang Lightbox Evolution untuk Blogger

20.19 Gusti Ardias Riantono 0 Comments

Memasang Lightbox Evolution untuk Blogger - Malam sobat, tadi saya main-main ke blognya Kang Rian ada artikel bagus banget. Artikelnya tentang Lighbox Evolution sobat, sobat belum tau apa itu Lightbox Evolution? Kurang lebihnya seperti gambar dibawah ini.

Memasang Lightbox Evolution untuk Blogger

Nah coba deh sobat klik gambar diatas pasti muncul sesuatu hehe, jadi sobat sudah tau apa itu Lightbox Evolution kan? Apa? Sobat mau memasang juga? Tenang saya akan tuliskan tutorialnya disini.

Baik ikuti langkah-langkah berikut ya sobat,

Pasang framework jQuery diatas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
#info: Jika di blog sobat sudah terpasang jQuery versi diatas atau terbaru dianjurkan memakai jQuery yang telah saya sampaikan diatas
Pasang Lightbox jQuery serta CSS-nya masih di atas kode </head>
<link href='http://kang-is.googlecode.com/svn/trunk/css/lightbox.css' rel='stylesheet' type='text/css'/> <script src='http://kang-is.googlecode.com/svn/trunk/javascript/lbev2.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(){$('.lightbox').lightbox()}); //]]> </script>
Pasang kode dibawah tepat diatas </body>
<script type='text/javascript'> jQuery(document).ready(function(){ $('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightbox(); }); </script>
Kemudian simpan template sobat

Sebenarnya banyak kreasi yang bisa didapatkan dengan menggunakan Lighbox Evolution ini, kalian bisa mengunnjungi artikel Kang Rian untuk lebih lanjut.

Tetapi saya cukup menggunakan kode atau script diatas, mengapa? coba saja seperti itupun blog kalian sudah bagus hehe.

Selamat mencoba ya sobat~