Cara Membuat Gambar Popular Post Berputar Di Blog

Malem Sobat Blogger , Kali ini saya akan

posting

CARA MEMBUAT GAMBAR POPULAR POST BERPUTAR

Mungkin untuk Contohnya sobat arahkan

mouse ke gambar popular post di samping kanan

Langsung aja ya sob ane kasih caranya

Buko Blogger.Com

Template

Edit Html

Cari Kode Ini

]]></b:skin>

Tempatkan Kode Di Bawah Tepat

Di atas kode di atas

.post-thumbnail{width:70px;height:70px;float:left;margin-right:10px}

.post-snippet:before{content:attr(data-snippet);}

.PopularPosts li {margin-bottom:-10px}

.PopularPosts .item-thumbnail {float:left}

.popular-posts ul li img {

width:60px;

height:60px;

padding:2px;

-moz-border-radius:60px;

-webkit-border-radius:60px;

border-radius:60px;

-webkit-transition:all 1.3s ease;

-moz-transition:all 1.3s ease;

transition:all 1.3s ease;

border:2px solid #CCC;

}

.popular-posts ul li img:hover {

border:2px solid #ccc;

-moz-transform:scale(1.2) rotate(-360deg);

-webkit-transform:scale(1.2) rotate(-360deg);

-o-transform:scale(1.2) rotate(-360deg);

-ms-transform:scale(1) rotate(-360deg);

transform:scale(1.2) rotate(-360deg);

}

.popular-post-isi {

position:relative;

background-color:#f7f7f7;

padding:10px;

min-height:80px;

border:1px solid #ccc;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:10px;

margin-left:90px;

margin-bottom:10px;

}

.popular-post-isi:before {

content:"";

width:0;

height:0;

position:absolute;

right:100%;

top:19px;

border-width:10px;

border-style:solid;

border-color:transparent #f7f7f7 transparent transparent;

}

.item-title {

font-size:12px;

line-height:1.1em;