Ini contohnya coba dekatkan cursor anda pada gambar di bawah ini..
caranya : taruh kode dibawah ini pada edit HTML anda, jangan lupa centang "EXPAND TEMPLATE WIDGET" di atas kode : </head> kemudian SAVE.
<style>#Tp img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#Tp img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>
Langkah selanjutnya setiap postingan yang ada gambarnya tambahkan kode <div="Tp"> sebelum URL gambar, dan di tutup dengan kode </div>
contoh :
<div id="Tp">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1GOVdqDtjVj65fwhu_Kj6leSymxjfqldSlBsL12nUnEaT9uyXZBOiebQRh5EivUi4QH2NFO8KWgraNM-JKLRQPnzpwL-XmuuikMmyc59qVZYVihtn9Mwu7XbMGMFdcCEQgGPCqvUi0A/s1600/TO.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1GOVdqDtjVj65fwhu_Kj6leSymxjfqldSlBsL12nUnEaT9uyXZBOiebQRh5EivUi4QH2NFO8KWgraNM-JKLRQPnzpwL-XmuuikMmyc59qVZYVihtn9Mwu7XbMGMFdcCEQgGPCqvUi0A/s1600/TO.jpg" /></a></div>
sekian semoga bermanfaat.....oh ya jangan lupa likenya ya???
dan bagi sobat yang ingin COPAS jangan lupa sumbernya ya...???
TANKS BEFORE.
Posting Komentar