CARA MEMBUAT GAMBAR BERPUTAR 360 DERAJAT DI POST

Jumat, 08 Maret 20130 komentar

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.







Share this article :

Posting Komentar

 
Copyright © 2011. Tempat Pencarian - All Rights Reserved
Template Created by Creating Website modifed by Tempat Pencarian
Proudly powered by Blogger