Waktu saya tengah mencari informasi tentang Kontes SEO ,Tak sengaja bertemu blog yang memilki tampilan kursor yang bagus dan saya tetarik mempelajari bagaimana kursor diblognya bisa dirubah. Akhirnya bertanya sama mbah Google dan mendapatkan jawaban yang sangat banyak dari simbah.
Ternyata untuk
memodifikasi kursor setandar blog sangat mudah hanya perlu menambahkan beberapa kode pada template blog.
Berikut langkah-langkah untuk mengganti kursor pada blog
Ternyata untuk
memodifikasi kursor setandar blog sangat mudah hanya perlu menambahkan beberapa kode pada template blog.
Berikut langkah-langkah untuk mengganti kursor pada blog
- Pastikan Sobat Blogger sudah login menggunakan akun blogspot sobat
- Pilih Menu Layout atau Tata Letak
- Klik Tambah Gaget atau Add a Gadget
- Lalu pilih HTML/JavaScript
- Tambahkan kode berikut didalam Box HTML/JavaScript yang sudah sobat pilih tadi
- Kode ini Mengubah kursor standar tetapi tidak berubah saat kursor diatas link
- Kode ini mengubah Kursor standar dan tetap berubah saat kursor diatas link
- Klik Simpan
- Selesai dan Lihat Hasilnya
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-AB3afYuzW2_azQvnjvn_RwLxzbZdPZXyl508MxP7Ui_Tz36Nk4NTkYGN31YYHJqVCJIgn0jNRLbe8e3qyfqW8NvA1OZqcYsWBV6yyqwL78w1OY0kxVt5KmnBRBlMq1g7uktz6nHuEjE/s320/kursor++2.png"), auto;}
</style>
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-AB3afYuzW2_azQvnjvn_RwLxzbZdPZXyl508MxP7Ui_Tz36Nk4NTkYGN31YYHJqVCJIgn0jNRLbe8e3qyfqW8NvA1OZqcYsWBV6yyqwL78w1OY0kxVt5KmnBRBlMq1g7uktz6nHuEjE/s320/kursor++2.png"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5-AB3afYuzW2_azQvnjvn_RwLxzbZdPZXyl508MxP7Ui_Tz36Nk4NTkYGN31YYHJqVCJIgn0jNRLbe8e3qyfqW8NvA1OZqcYsWBV6yyqwL78w1OY0kxVt5KmnBRBlMq1g7uktz6nHuEjE/s320/kursor++2.png"), auto;}
</style>
0 komentar:
Post a Comment