Hallo sobat blogger.., hari ini saya ingin berbagi trik blogging yang saya dapatkan dari ber-blog walking dan akhirnya nyasar di blog Om Andi. Mungkin udah banyak para blogger yang sudah mengetahui trik ini dan sebagian seperti saya (newbie) mungkin baru mengetahuinya. Triknya adalah Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor.
Screenshot :
coba sobat arahkan kursor sobat..., gambarnya bergerak gak..?? (bilang aja bergerak sob., biar gak sia2 nulis artikelnya., hehehehe..)
langsung saja ke prakteknya :
1. Masuk ke Blogger (saya masih memakai tampilan blogger lama saat artikel ini ditulis) > Klik Rancangan > Klik edit HTML
2. Cari kode ]]></b:skin> dengan bantuan CTRL+F agar lebih mudah, lalu letakkan atau paste kode dibawah ini setelah / dibawahnya kode ]]></b:skin> tadi.
kode:
<b:if cond='data:blog.pageType == "item"'><style type='text/css'>
.post img {border:3px solid #1e1e1e;-webkit-transition: all 0.4s ease-in-out;}.post img:hover{margin-left:20px}</style> </b:if>
.post img {border:3px solid #1e1e1e;-webkit-transition: all 0.4s ease-in-out;}.post img:hover{margin-left:20px}</style> </b:if>
3. Klik simpan template.
sekarang coba lihat salah satu artikel sobat yang ada gambarnya dan arahkan kursor ke gambar tersebut.
semoga bermanfaat artikelnya sob....
sumber : http://andi-techno.blogspot.com
0 comments:
Post a Comment