Cara Membuat Post Slider Otomatis Blogger Responsif Terbaru
23 November 2018
Edit
Saya tidak mengetahui siapa yang menciptakan blog responsif blogger baru-baru ini posting slider ini (penghargaan sebesar-nilai untuk penulis widget ini), namun yang saya tahu yang mempopulerkan widget ini dimulai oleh Arlina dari semua posting di Google menggunakan JS dari Arlina.
Namun sayang JS dari Arlina sudah tidak bisa hanya menggunakan slider-nya tidak berjalan.
Untuk itu Anda dapat menjalankannya dan mengatur beberapa fungsi untuk responsif-nya dan agar menjadi dukungan HTTPS dan menampilkan tombol berikutnya. Di layar dengan lebar bayangan dari 640px, slider hanya menampilkan satu item agar kesannya tidak terlalu menumpuk.
Nah bagi yang ingin digunakan untuk langkah-langkah di bawah ini.
Silakan simpan kode CSS di bawah ini di atas kode </ head>. Ini menggunakan tag conditional agar widget hanya tampil di halaman homepage.
...
Untuk latar belakang tanggal agar lebih sesuai dengan warna tema blog Anda silahkan rubah latar belakang pada #slides li: nth-child (1) span.dd untuk tanggal pada item Pertama dan background pada #slides .label_text untuk tanggal item lainnya.
Kemudian jalankan kode javascript berikut di atas kode </ body>
...
Untuk kalian yang suka tampilannya bergeser secara otomatis silahkan rubah aja code autoplay:false ganti dengan autoplay:true, Sesuaikan dengan selera masing-masing. Untuk memangil code scriptnya supa bisa tampil di blog salin code dibawah ini, terserah mau ditampilkan dimana post slidernya biasanya ditaruh dibawah menu header.
jika ditampilkan diside bar juga bisa kembali lagi ke selera kalian masing masing.
<div id="featuredpost"></div>