Cara Membuat Gambar Postingan Kerucut dan Berputar Saat Disentuh Kursor


Ini ada cara gambar postingan berbentuk kerucut dan berputar saat disentuh kursor. Tapi ini bisa hanya di homepage saja. Kalau di dalam postingan tidak :D



Caranya :
1.  Masuk ke blogger kamu
2.  Pilih Template , lalu Edit HTML
3.  Cari kode </head> dengan bantuan CTRL+F
4.  Kemudian letakkan kode dibawah ini tepat diatas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post img{margin:10px;padding-left5px;width:100px; height:100px;text-align:center;-webkit-background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 3px #001fbb;-moz-box-shadow:0px 0px 0px 3px #000;box-shadow:0px 0px 0px 3px #001fbb;-webkit-border-top-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;-o-border-top-left-radius: 50px;-o-border-bottom-right-radius: 50px;};{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}</style></b:if>

5.  Kemudian disimpan.
6.  Lihat hasilnya di homepage mu.

andry

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Posting Komentar

Budayakan memberi masukan saran & kritik
demi memajukan blog kami
maree tinggalkan jejak
jangan sungkan-sungkan berkunjung lagi ...