Selamat siang sobat, nah pada saat ini saya akan berbagi tutorial tentang blog yaitu Cara membuat Popular Post dengan animasi gambar berputar. Pastinya sobat tidak akan menolak untuk memasangnya karena bisa membuat blogger sobat semakin keren dengan efek animasi gambar berputar.
Langsung saja sobat ikuti langkah-langkahnya :
- Login blogger
- Masuk kedashboard => Design => Edit Html
- Jangan lupa Centeng Expand Template Widget
- Kemudian Cari code ]]></b:skin> , gunakan ctrl+f untuk memudahkan mencari
- Copy Script code kemudian letakkan diatas ]]></b:skin>
- Save template
.popular-posts .item-thumbnail {
float:left;
}
.popular-posts ul {
padding-left:30px;
}
.popular-posts ul li {
list-style-image: none;
list-style-type: none;
display:inline;
}
.popular-posts ul li img {
padding:0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 2px solid #CCC;
}
.popular-posts ul li img:hover {
border:2px solid #ccc;
-moz-transform: scale(1.3) rotate(-360deg);
-webkit-transform: scale(1.3)
rotate(-360deg);
-o-transform: scale(1.3) rotate(-360deg);
-ms-transform: scale(1.2) rotate(-360deg);
transform: scale(1.3) rotate(-360deg);
}
Selamat memcoba, jangan lupa berdoa apapun yang terjadi. :D
Sign up here with your email
Berkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.
Conversion Conversion Emoticon Emoticon