Pages

Sabtu, Juni 21, 2014

Cara Membuat Gambar Berputar Dan Membesar Saat Di Lalui Cursor Pada Blog

Pada postingan kali ini saya akan berbagi artikel tentang Cara Membuat Gambar Berputar Dan Membesar Saat Di Lalui Cursor Pada Blog yaitu gambar pada blog secara otomatis akan berputar dan membesar pada saat di lalui kursor , supaya tidak penasaran kunjungi dulu link ini  untuk melihat contoh nya , langkah selanjut nya yaitu cara memasang nya di blog yaitu dengan langkah sebagai berikut :
1. Login dulu ke Blogger
2. Pilih Template di dasbor blog
3. Klik Edit HTML
4. Selanjut nya cari code </head> dan tambahkan code script di bawah ini di atas / sebelum code </head>

<style>#Hengky 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;} #Hengky img:hover{ -o-transform: scale(1.3) rotate(360deg); -moz-transform: scale(1.3) rotate(360deg); -webkit-transform: scale(1.3) rotate(360deg);}</style>

5. Untuk selanjut nya memasang gambar nya di postingan blog atau gadged blog yaitu dengan memasang kode di bawah ini di halaman HTML postingan blog atau halaman HTML Gadged blog

<div id="Hengky">
<a href="http://sphotos-a.xx.fbcdn.net/hphotos-ash4/p206x206/480039_422560754446839_1421935342_n.jpg">
<img src="http://sphotos-a.xx.fbcdn.net/hphotos-ash3/p206x206/576205_421587091210872_394466854_n.jpg" /></a>
</div>

Keterangan : 

Ganti kode Url gambar yang ditandai warna merah dengan kode Url gambar yang ingin sobat ganti

6. Terakhir Publikasikan kalau sobat memasang nya di halaman HTML postingan blog dan Klik simpan kalau sobat memasang nya di halaman HTML Gadged blog .

Semoga artikel ini bermanfaat dan kalau ada waktu tinggal kan komentar tentang postingan ini untuk memastikan kode nya berfungsi atau tidak berfungsi di blog sobat .

0 komentar: