Artikel Teknologi

Cara Membuat Slideshow Postingan di Blog Mudah Tanpa Coding

Di postingan kali ini Ridvan akan memberikan cara membuat slideshow postingan diblog yang mudah tanpa kamu perlu coding. Karena ketika kamu cari tutorial ini di search engine, pasti kebanyakan ribet banget harus coding khususnya blog dengan blogger. Untuk wordpress tentu bisa menggunakan plugin. Tapi jika kamu orang yang tidak mau ribet dengan hal itu. Hanya ingin upload dan comot code slideshownya, ini adalah solusi yang tepat.

Yang kamu butuhkan hanya dua yaitu akun Filckr dan Flickr Embed. Sebelumnya silahkan mendaftar terlebih dahulu akun Flickr jika belum punya kemudian verifikasi akun seperti biasa ke email kamu. Jika sudah, di https://www.flickr.com/

Klik icon panah cloud ke atas di pojok kanan atas dekat lonceng dan foto profil.
Pilih foto yang ingin di upload untuk dijadikan slideshow pada postingan blog kamu.
Lanjut Add to Album.
Buat nama album sesuai keinginan kamu bebas tidak ada standarnya. Setelah itu klik Create Album.
Klik Upload di pojok kanan atas yang berwarna biru, akan muncul Upload dan jumlah foto yang telah kamu pilih tadi. Contoh seperti di bawah.
Lanjut ke halaman profil Filckr kamu. Dan ke menu Albums. Lalu pilih albums yang telah kamu buat tadi.
Copy kan link url dari halaman album yang sudah kamu buat sebelumnya.

Silahkan kunjungi https://flickrembed.com/ pilih Filds marked wth and nya seperti di bawah, yaitu memilih dengan album foto di filckr kamu, paste kan ke kolom Photoset. Scroll ke halaman bawah, klik Preview & Get Code.

Slideshow sudah selesai kamu buat, di bawah merupakan contoh dari slideshownya. Kamu bisa memilih skin lainnya sesuai keinginan tampilan yang mau kamu buat untuk slideshow postingan blog kamu. Jika sudah sesuai. Select & Copy Code.

Rubah tampilan postingan dari tulisan text menjadi html, baik itu postingan blogger ataupun wordpress. Tentu disini saya tidak perlu menjelaskan, pasti kamu sudah lebih paham bukan cara merubah edit postingan menjadi html editor. Paste kan kode di atas di posisi postingan yang kamu inginkan.

Contoh slideshow postingan pada blog ini yang telah saya buat.

Ada tambahan sedikit, rubah code yang telah kamu posting tadi dari style="height: 100%; menjadi style="height: 400px; atau sesuai kebutuhan tinggi dari postingan blog kamu.

Lebih mudah bukan ? Ketimbang harus coding manual. Cara ini cocok bagi kamu yang malas coding dan memasukan javascript dulu di blog kamu. Dan juga buat kamu yang tidak begitu paham masalah coding. Selamat mencoba guys!

Comments