Home » » Cara Mengganti Icon Kursor Blog Dengan Gambar Animasi

Cara Mengganti Icon Kursor Blog Dengan Gambar Animasi

Mau mengganti kursor blog standar yang berbentuk panah dengan icon atau gambar yang sesuai dengan pilihan supaya tampilan blog lebih keren dan indah , kelebihan kursor ini bisa di ganti-ganti kalau sudah bosan dan hanya tampil pada blog sobat yang telah di pasangi kode script nya .

Kalau sobat penasaran atau tidak percaya silahkan coba pasang kode script nya di blog sobat dengan langkah-langkah sebagai berikut :

1. Login dulu di Blogger .
2. Pilih Template di Dasbor Blog
3. Klik Edit HTML Template
4. Centang dulu Expand Template Widget
5. Cari kode  </head> di blog ( gunakan Ctrl+F untuk memudahkan pencarian kode ).
6. Pasang kode kursor di bawah ini diatas kode </head> atau sebelum kode </head>

<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif&quot;), auto;}
</style>
Keterangan : Kode warna giru adalah kode gambar atau icon kursor kalau sobat mau mengganti dengan tampilan lain bisa sobat gunakan kode di bawah ini sesuai dengan gambar kursor yang sobat sukai .

http://blog-rangga.blogspot.com/
  http://ak.imgfarm.com/images/cursormania/files/4/2308a.gif


http://blog-rangga.blogspot.com/
 http://cursors0.totallyfreecursors.com/thumbnails/bullseye-ani.gif


http://blog-rangga.blogspot.com/
 http://cursors2.totallyfreecursors.com/thumbnails/tail2.gif


http://blog-rangga.blogspot.com/
 http://ak.imgfarm.com/images/cursormania/files/6/3019a.gif


http://blog-rangga.blogspot.com/
 http://ak.imgfarm.com/images/cursormania/files/26/13148a.gif


 http://blog-rangga.blogspot.com/ http://ak.imgfarm.com/images/cursormania/files/24/12224a.gif


http://blog-rangga.blogspot.com/
http://cursors0.totallyfreecursors.com/thumbnails/rainbow-ani3.gif


http://blog-rangga.blogspot.com/
 http://cursors3.totallyfreecursors.com/thumbnails/fireblue.gif

 

7. Terakhir klik simpan untuk melihat hasil nya diblog .

Kalau sobat mau menambah efek gambar mebesar jika disentuh cursor  untuk mempercantik tampilan blog sobat silahkan kunjungi halaman ini " efek gambar mebesar jika disentuh cursor  " dan kalau ada kesalahan kode jangan lupa berikan saran melalui form komentar di bawah ini ya ....dan  kalau berhasil jagan lupa juga ucapan nya terima kasih melalui form komentar pertanda sobat telah berkunjung ke blog ini .
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Belajar ngeblog - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger