Cara Membuat Gambar Di Blog Berputar Saat Disentuh Kursor

Blog yang bagus selain memiliki artikel yang menarik dan buatan sendiri (original) juga harus memiliki banyak visitor, percuma juga jika suatu blog sudah didesain dengan bagus sedemikian rupa namun tak ada sedikit pun pengunjung yang melihatnya.

Selain hal tersebut diatas, blog juga perlu sebuah keunikan tersendiri agar jika datang pengunjung yang mengunjungi suatu blog kita maka mereka akan betah untuk singgah meskipun hanya sekedar membaca dan mencari informasi yang bermanfaat dalam blog kita.

Kembali pada topik pembahasan kali ini tentang cara membuat gambar di blog berputar saat disentuh kursor bagaikan gambar animasi, dengan demikian saat menggunakan cara tersebut maka blog akan terlihat lebih professional.

Untuk membuat gambar di blog berputar saat disentuh kursor berikut tutorialnya.

1. Buka halaman blog anda dengan mengetik blogger.com

2. Setelah terbuka dasboard blogger, kemudian klik template

3. Pada bagian HTML cari kode berikut :

</head>

4. Setelah ketemu dengan kode diatas, maka letakkan kode dibawah ini tepat di bawah kode diatas.

<style type='text/css'>

body img{

-webkit-transition: -webkit-transform 1.1s ease-in-out;
transition: transform 1.1s ease-in-out;
}
body img:hover{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);

}

</style>

5. Kemudian jika anda ragu karena takut bisa merubah struktur HTML lainnya,yang sudah sempurna, klik pratinjau template

6. Saat anda merasa yakin dengan perubahan tersebut, klik simpan.

Keterangan :
Sebagai contoh anda bisa klik gambar diatas untuk melihat bahwa kode diatas masih berfungsi.

Sekian dulu artikel kali ini tentang cara membuat gambar di blog berputar saat disentuh kursor semoga bermanfaat bagi kita semua demi menciptakan suatu blog yang lebih menarik.


Tentang : Berita Heboh, Berita Unik, Berita Lucu dan Menarik, Berita Smartphone, Berita Asmara, Berita Indonesia, Berita Gorontalo, Berita Tehnologi, Berita Saat Ini, Berita Trend Saat Ini, Berita Harian, Berita Masa Kini, Berita Real dan Nyata, Berita Seputar Telkomsel, Berita Seputar Adsense, Berita Artis.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: