Assalamualaikum kawan" semua
kali ini saya ingin share tutorial membuat widget Populer post seperti gambar di bawah ini
atau bila ingin lebih jelas bila di lihat di blog saya ini
gimana kawan" keren bukan
oke langsung saja
pertama" login blogger kalian
ke Tata Letak - Tambahkan Widget Populer post dan centang cuplikan dan tumbs gambar
lalu simpan
dan masuk ke Tamplate - Edit Html
gunakan CTRL + F untuk mencari Code ]]></b:skin>
dan pastekan code di bawah ini tepat di atas code ini ]]></b:skin>
.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; }
.PopularPosts .item-title { position: relative; }
.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }
.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; right: 0; text-align: center; top: 30px; width: 100%; }
.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; left: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }
.item-content:hover img {transform: rotate(10deg) scale(1.2);}
.item-content { position: relative; }
jika kalian pernah mengedit Widget Populer Post sebelumnya
lebih baik di delete / di hapus agar script tidak rusak atau rusak
sekarang cari lagi code </body>
dan copykan script di bawah ini tepat di bawah code </body>
selesai sudah cara membuat widget Populer Post
mungkin ini dulu dari saya semoga membantu dan bermanfaat
Wassalam
