Cara membuat Popular Post dengan animasi gambar berputar

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 :
  1. Login blogger
  2. Masuk kedashboard => Design => Edit Html
  3. Jangan lupa Centeng Expand Template Widget
  4. Kemudian Cari code ]]></b:skin> , gunakan ctrl+f untuk memudahkan mencari
  5. Copy Script code kemudian letakkan diatas ]]></b:skin>
  6. .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);
    }
  7. Save template
Selamat memcoba, jangan lupa berdoa apapun yang terjadi. :D

Berkomentarlah sesuai konten. NO SARA, NO SPAM, NO LINK AKTIF dan semacamnya.
Terima kasih.

Conversion Conversion Emoticon Emoticon