Post Slider Blogger Responsif Suport Template Viomagz

Post Slider Blogger Responsif Suport Template Viomagz

Sebenarnya saya tidak mengetahui siapa sebenarnya yang pertama kali membuat responsive blogger recent posts slider ini (apresiasi sebesar-besarnya untuk author widget ini), namun yang saya tahu yang mempopulerkan widget ini dimulai oleh Arlina terlihat dari hampir semua post di Google menggunakan JS dari Arlina.

Namun sayang JS dari Arlina sudah tidak bisa digunakan sehingga slider-nya tidak berjalan.

Untuk itu kemudian saya mencoba menjalankannya kembali dan memodifikasi beberapa kodenya untuk mengubah responsive-nya dan agar menjadi support HTTPS serta menampilkan tombol next prev. Di layar dengan lebar kurang dari 640px, slider hanya menampilkan satu item agar kesannya tidak terlalu menumpuk.

Nah bagi yang ingin menggunakannya silahkan ikuti langkahnya di bawah ini.

Silahkan simpan kode CSS di bawah ini di atas kode </head> . Ini menggunakan tag conditional agar widget hanya tampil di halaman homepage.

Untuk merubah background tanggal agar lebih sesuai dengan warna tema blog Anda silahkan rubah background pada #slides li:nth-child(1) span.dd untuk tanggal pada item pertama dan background pada #slides .label_text untuk tanggal item lainnya.

Kemudian silahkan simpan kode javascript berikut di atas kode </body>

Jika slider ingin otomatis bergeser, silahkan rubah kode autoplay:false menjadi autoplay:true . Setelah itu silahkan pasang kode berikut di mana Anda ingin menampilkan slide-nya, biasanya di bawah menu header atau jika kalian menggunakan template viomagz buatan mas suggeng tinggal  masuk ke tata letak blogger lalu tambahkan widget html.

<div id="featuredpost"></div>

Bagaimana, mudah bukan? Selamat mencoba...