Popuar Post slide autoplay
. Dan, bagusnya widget ini tidak mengurangi kecepatan blog anda yang sudah valid AMP tersebut.Modifikasi widget popular post ini menggunakan amp-carousel dan dipasang di sidebar. tertarik untuk mencoba? Silahkan ikuti Caranya Membuatnya dibawah ini:
- Langkah Pertama pastikan blog anda sudah memasang kode
amp-carousel
, berikut ini:
- Langkah Kedua Pastikan anda sudah memasang widget popular post pada sidebar.
- Kemudian, silahkan Masuk ke edit template anda dan ganti kode popular post yang anda tambahkan di sidebar tersebut dengan kode dibawah ini:
- Langkah Ketiga,Untuk memperbagus Tampilanya, silahkan anda tsmbahkan CSS berikut ini pada template anda:
#PopularPosts1.PopularPosts{background:#fff;padding:0} #PopularPosts1.PopularPosts amp-img{width:300px;height:180px;} #PopularPosts1.PopularPosts h2{position:relative;overflow:hidden;margin:0 10px 10px 0;padding:10px 0 0} #PopularPosts1.PopularPosts h2 div{padding:0 10px;display:inline;float:left;} #PopularPosts1.PopularPosts h2:after{content:'';float:left;position:absolute;top:12px;height:15px;margin:0;width:100%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png);opacity:.9;} #PopularPosts1.PopularPosts .slide .caption{position:absolute;bottom:-19px;left:0;right:0;padding:6px 8px 10px;background:rgba(0,0,0,.6);color:#ddd;font-size:smaller;max-height:30%;line-height:1.1em}
- Terkhir Klik Simpan Template, dan lihat hasilnya.
Mungkin hanya itu saja untuk Cara Membuat Widget Popular Post Efek Slide Autoplay Valid AMP. Semoga bermanfaat.