Cara Membuat Slideshow Responsive di Blogger Tanpa Plugin Ribet

Pernah lihat blog yang gambarnya bisa geser kiri kanan kayak galeri profesional? Itu namanya slideshow. Dan kabar baiknya: kamu bisa bikin sendiri di Blogger tanpa plugin aneh-aneh.

Kalau kamu sudah pernah baca tutorial custom widget Blogger atau pernah bikin scroll pada widget, nah ini level berikutnya. Kita bikin slider yang bisa dipakai di dalam postingan.

Contoh Slideshow Responsive

Ini contoh slider yang bisa kamu pasang di artikel blog:

1 / 3
Dog surprised to see fish
2 / 3
The cat laughs
3 / 3
My favorite food

Cara Memasang Slideshow di Postingan Blogger

1. Masuk ke Mode HTML

Buka postingan baru → Klik tab HTML (bukan Compose).

2. Copy Semua Kode di Atas

Paste langsung ke dalam artikel. Jangan dipotong. Jangan setengah-setengah. Blogger sensitif, bro 😄

3. Ganti URL Gambar

Ubah bagian:

<img src="URL GAMBAR DI SINI">

Dengan URL gambar kamu sendiri.

Kalau kamu belum tahu cara ambil URL gambar, baca dulu panduan upload gambar di tutorial Blogger Pisbon.

4. Tambah Slide Jika Perlu

Kalau mau tambah slide ke-4, ke-5, tinggal duplikat bagian mySlides fade dan tambahkan juga titik dot di bawahnya.

Kenapa Slideshow Ini Bagus untuk SEO?

Slider bisa bikin artikel lebih interaktif. Bounce rate turun. Durasi kunjungan naik. Google suka itu.

Tapi ingat: jangan kebanyakan gambar berat. Kompres dulu sebelum upload.

Kalau kamu ingin blog makin profesional, gabungkan ini dengan teknik optimasi tampilan Blogger lainnya.

Kesimpulan

Membuat slideshow di Blogger ternyata tidak sesulit yang dibayangkan. Tanpa plugin. Tanpa ribet. Tanpa drama.

Kamu tinggal copy, paste, ganti gambar, publish. Selesai.

Blog yang interaktif bikin pengunjung betah. Dan blog yang bikin betah… biasanya lebih cepat naik.

Related Posts:
Thank you for your visit. Support Pisbon™ PayPal or Socialbuzz and Saweria

Post a Comment

This is also interesting

Mgid

DMCA.com Protection Status

Don't miss this post