Cara Membuat Gambar Posting Kerucut


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.

Poskan Komentar - Back to Content

Multicursor - Busy