BLOGGER TEMPLATES Memes

Cara Mengganti Atau Merubah Tampilan Kursor standar pada blog

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

  1. Pastikan Sobat Blogger sudah login menggunakan akun blogspot sobat
  2. Pilih Menu Layout atau Tata Letak
  3. Klik Tambah Gaget atau Add a Gadget
  4. Lalu pilih HTML/JavaScript
  5. Tambahkan kode berikut didalam Box HTML/JavaScript yang sudah sobat pilih tadi
    1. Kode ini Mengubah kursor standar tetapi tidak berubah saat kursor diatas link
    2. <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>
    3. Kode ini mengubah Kursor standar dan tetap berubah saat kursor diatas link
    4. <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>
  6. Klik Simpan
  7. Selesai dan Lihat Hasilnya
Semoga bisa bermanfaat buat sobat semua, lain waktu aku sambung dengan tutorial seputar blog yang lain.






0 komentar: