Membuat Slideshow di blogspot

Slideshow atau transisi gambar dari satu ke gambar lain memang terkadang kita perlukan, dan sayangnya fitur ini belum tersedia di platform blogger, maka untuk menambahkan fitur slideshow di blog kita maka kita perlu menambahkan fungsi ini dari pihak ketiga / external.

Lalu untuk menambahkan slideshow tersebut bagaimana caranya?

1. Siapkan gambar

Tentu saja kita harus menyiapkan gambar yang akan kita gunakan terlebih dahulu.

* diusahakan gambar sudah kita edit (samakan aspek rasio gambar agar tampilan gambar lebih rapi)

2. Kunjungi situs Fotorama.

Kita membutuhkan fitur yang disediakan dari situs ini karena saya coba caranya cukup simpel dan mudah. Serta terdapat pula instruksi untuk pemasangan.

3. Pasang Fotorama resourche.

Untuk bagian ini kita akan sedikit utak atik blog kita.

- Cek jquery.

Pertama kita cek di blog kita sudah ada jquery terpasang atau belum, mudahnya kita kunjungi alamat blog kita lalu kita view sourche (ctrl+U). Lalu kita search "jquery", jika hasilnya ada maka situs kita sudah terpasang jquery (ini penting agar nanti tidak terjadi double jquery yang mana bisa saja file akan bentrok dan membuat script kurang optimal)

- Pasang fotorama script.

Untuk script fotorama ada 3 yaitu jQuery, Css, dan Javascript / js.

Jika pada step sebelumnya kita sudah cek jQuery di situs kita dan sudah terpasang, maka sisanya kita hanya perlu memasang 2 script sisanya.

- Untuk memasang ada 2 cara:

1. Pada <head>

Cara ini digunakan dengan cara memasang (paste) script pada template blogger yaitu pada bagian diantara <head> dan </head>.

Jika fitur slideshow perlu ditampilkan pada banyak postingan maka saya sarankan pakai cara ini.

2. Pada Postingan.

Namun jika fitur slideshow akan digunakan hanya pada 1 atau beberapa postingan saja maka bisa digunakan metode ini, yaitu kita paste atau pasang script ini pada halaman menulis blog (mode html) seperti gambar berikut: