Minggu, 26 Agustus 2012
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 != "item"'><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.
{ 4 Komentar... read them below or Comment }
Jika ingin copy paste artikel ini, jangan lupa sertakan sumbernya ya, hargai usaha admin ^^, Kalau mau komentar jangan yang bersifat menghina maupun mengejek. Tidak sopan tau hahaa. Terima kasih sudah berkunjung ke blog ku. Jangan lupa di follow dan pasang banner ku ya \^^,/
wah mantap full CSS :D
BalasHapus,hehee iia kk :)
BalasHapusmakasih kak, berhasil 100persen
BalasHapus,oke kk, mantap sudah sukses :)
Hapus