Cara Merubah Tampilan Cursor/Pointer Mouse di Blogspot


Buat agan-agan yang pengen ngerubah tampilan cursor/pointer mouse di blogspot biar lebih keliatan menarik, untuk merubahnya tentu anda dapat dengan mudah mencari tahu lewat Mbah Google karena banyak sekali artikel mengenai hal ini,,,,,

Namun banyak juga yang mungkin membuat Anda jadi bingung, alih-alih nambah cantik malah blog Anda jadi berantakan (pengalaman pribadi :p), dengan berbagai artikel yang saya dapatkan (permisi agan-agan yang udah saya contek artikelnya hehehehe) saya ambil kesimpulan yang menurut saya cukup mudah untuk di implementasikan(berat nih bahasanya) di blog agan-agan.

Berikut caranya:
1. Masuk ke Blogger
2. Pilih Design (Tata Letak)
3. Pilih Edit HTML
5. Pilih Cursor/Pointer sesuai dengan keinginan agan-agan
6. Kemudian copy Kode HTMLnya seperti gambar dibawah ini
Sekilas info : Untuk image Animated hanya bisa diliat di Internet Explorer, Klo Non-Animated bisa diliat dibrowser manapun ;)
7. Setelah itu kembali ke blog Agan (Design-Edit HTML)
8. Jangan lupa centangin tuh "Expand Template Widget"
9. Kemudian cari kode </head> , untuk mempermudah nyarinya tekan Ctrl + F di keyboard
10. Di bawah </head> enter 2x kemudian Paste Kode HTML tadi sehingga menjadi seperti ini :

Ini contoh lho gan ;) 

</head>


<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/sports/spo-5/spo409.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/27/soccer-player-8.html" target="_blank" title="Soccer Player 8"><img src="http://cursors-4u.com/support.gif" border="0" alt="Soccer Player 8" style="position:absolute; top: 0px; right: 0px;" /></a>


Flash News : supaya di blogspot agan-agan dibagian kanan atas tidak muncul tampilan dari sitenya cursor, maka saya sarankan untuk menghapus bagian yang berwarna MERAH

 11. Save Template dan lihat deh hasilnya

Mudah-mudahan berhasil dan bermanfaat

Ditunggu jempol, follow, komentar, saran dan kritiknya !!!!

No comments:

Post a Comment

Post a Comment