Cara Menciptakan Post Slider Otomatis Blogger Responsif Terbaru



Saya tidak mengetahui siapa yang membuat blog responsif blogger baru-baru ini posting slider ini (penghargaan sebesar-nilai untuk penulis widget ini), namun yang aku tahu yang mempopulerkan widget ini dimulai oleh Arlina dari semua posting di Google memakai JS dari Arlina.

Namun sayang JS dari Arlina sudah tidak sanggup hanya memakai slider-nya tidak berjalan.

Untuk itu Anda sanggup menjalankannya dan mengatur beberapa fungsi untuk responsif-nya dan biar menjadi pertolongan HTTPS dan menampilkan tombol berikutnya. Di layar dengan lebar bayangan dari 640px, slider hanya menampilkan satu item biar kesudahannya tidak terlalu menumpuk.

Demo
OPEN
INI

Nah bagi yang ingin dipakai untuk langkah-langkah di bawah ini.

Silakan simpan isyarat CSS di bawah ini di atas isyarat </ head>. Ini memakai tag conditional biar widget hanya tampil di halaman homepage.

 ...    ... 


Untuk latar belakang tanggal biar 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 isyarat javascript berikut di atas isyarat </ 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 sanggup tampil di blog salin code dibawah ini, terserah mau ditampilkan dimana post slidernya biasanya ditaruh dibawah sajian header.
kalau ditampilkan diside kafe juga sanggup kembali lagi ke selera kalian masing masing.

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

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel