Cara Membuat Gambar Berputar Dan Membesar saat disentuh mouse

berkreasi di dalam dunia blogger tidak akan pernah ada putusnya. Di dalam dunia blogging kreasi yang tinggi pasti akan meningkatkan minat pengunjung untuk mengujungi blog sobat semua. Sobat pasti ingin membuat yang sebagus mungkin bagi blog sobat. Tentunya agar itu terwujud pasti diperlukan sedikit sentuhan , nah oleh karena itu kali ini saya akan akan memberitahukan sebuah trik untuk gamabr di blog sobat saat disentuh cursor akan berputar dan membesar. ok….. tidak usah lama-lama basa-basinya langsung saja ikuti petunjuk dibawah ini :

1. Seperti biasanya sobat masuk kea kun blog sobat 
2. Masuk ke rancangan/template(jika sobat menggunakan bahasa inggris untuk bahasa di blog sobat), terlebih dahulu backup template sobat dengan cara klik backup pada pojok kanan atas kemudian klik download template. Hal ini dilakukan untukmenghindari terjadinya kesalahan saat proses tsb 
3. Kemudian klik edit HTML 
4. Cari kode </head>  (klik ctrl + F kemudian masukkan kode</head> ) 
5. Setelah ketemu sobat letakkan/copy pastekan kode dibawah ini tepat diatas kode berikut
   
   <style>#denzuaz 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;}
   
   #denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>
6. Setelah selesai kemudian sobat klik sav/simpan template

Ok..langsung kita langsung ke langkah selanjutnya

1. Ketita sobat ingin/memasukkan url gambar /foto kedalam postingan sobat, sobat harus menambahkan beberapa kode berikut bersama dengan url foto/gambar sobat,sehingga akan tampak seperti dibawah ini :

<div id="denzuaz">
 <a href="http://Donesiarony.blogspot.com"><img  src="http://4.bp.blogspot.com/-CwEirHz3j3g/T3-  qdL1Q4pI/AAAAAAAAAu0/yoWox29izCE/s200/naruto+dont+copy.png" />  </a></div>

ket.

1. tulisan yang berlatar hijau sobat ganti dengan url blog sobat
2. Dan tulisan yang berlatar merah bisa sobat ganti dengan url gambar/foto sobat (ingat memasukkan kode di atas harus dari HTML)

Tweet

Fb

Postingan terkait:

Ditulis Raka — Saturday, July 27, 2013 — Add Comment — Tutorial