Highslide JS adalah sebuah plugin penampil gambar (thumbnail) pada website/blog yang di tulis menggunakan JavaScript. Meskipun blogger sendiri sebenarnya telah menyediakan fitur penampil gambar, tetapi menurut saya Highslide JS memiliki tampilan yang lebih bagus dan elegan. Gambar-gambar yang terdapat di blog inilah contohnya.
Langsung saja jika anda berminat menggunakan Highslide JS sebagai penampil gambar untuk blog anda, berikut caranya :
Pertama : Matikan (disable) terlebih dahulu fungsi image popup bawaan blogger dengan cara :
1. Login ke blogger anda.
2. Masuk ke menu Settings => Posts and comments => Pilih "No" pada Showcase images with lightbox.
Kedua : Memasukkan kode ke dalam template blog dengan cara :
1. Masuk HTML Editor di blog anda, klik menu Template => Edit HTML => Proceed.
2. Setelah jendela Edit HTML tampil cari </head> dan masukkan script dibawah ini tepat diatas kode </head> tersebut dan klik Save template.
<!-- Start Highslide stuff --><script src='http://pandermangarden.com/highslide/highslide-full.min.js' type='text/javascript'/><script src='http://pandermangarden.com/highslide/highslide.blogger.config.js' type='text/javascript'/><link href='http://pandermangarden.com/highslide/highslide.css' rel='stylesheet' type='text/css'/><!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="http://pandermangarden.com/highslide/highslide-ie6.css" /><![endif]--><!-- End Highslide stuff -->
Lihat gambar berikut.
Jika anda melakukan langkah-langkah diatas dengan benar, maka semua gambar yang anda posting di blog akan secara otomatis ditampilkan menggunakan Highslide JS.
0 comments:
Post a Comment