Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse

Hallo sobat Greenzer..gmana kabarnya siang ini ?? baik kan ??? :v
Tadi Admin udah posting tentang Tutorial Lengkap Agar Blog Valid HTML5..gmana sobat Greenzer udah dicoba belum ??? udah valid HTML5 belum blognya ???

ok tanpa panjang lebar yuk langsung saja ke intinya
Kali ini Admin akan berbagi sedikit tutorial blog, yaitu Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse.

Berikut langkah-langkah nya :

1 login akun blogg
2. masuk ke rancangan
3. masuk ek EDIT HTML
4. Cari Kode </head> Letakkan script ini di atas kode </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-left5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #000cff;-moz-box-shadow:0 0 0 3px #000;box-shadow:0 0 0 3px #000cff;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>

Script bisa kamu Edit Sendiri ya :D

Bila ada yang di tanyakan Harap berkomentar Thanks !!

Source : X-T

Artikel Terkait

Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse

4/ 5

Oleh Randi Afrinal

Randi Afrinal 1/20/2013 14 Komentar