Cara Mengganti Tampilan kursor pada Blog

Hai sahabat Rio... rio product sudah lama tak pos artikel dan ari ini saya akan memberitahu Cara Mengganti Tampilan Cursor Pada Blog , Mengingat tampilan kursor sangat vital Bagi pengguna blog dan juga dapat Memberi Perbedaan jika kita mengubah Tampilan kursor

Dan karena anda sudah jauh-jauh mengunjungi blog ini, maka saya mau langsung saja memberikan cara-caranya. Disini saya akan memberikan 2 cara, cara yang pertama melalui gadget, cara yang kedua adalah melalui edit html. Terserah anda mau menggunakan cara yang mana, tetapi saya menyarankan anda untuk menggunakan edit html. Hal ini disebabkan ada beberapa template yang memiliki frame pada gadgetnya maka akan muncul sebual garis yang sebenarnya adalah kursor. Nah, bagi yang mau coba, Lansung saja..

Dan sampean simak.... Rio file

Cara Pertama, Menggunakan gadget:
1. Masuk ke Blogger > Dashboard Blogger > Tata Letak. Kemudian klik "add gadget" lalu akan muncul popup, jangan ditutup. Cari tulisan HTML/ Javascript kemudian klik tanda + pada samping tulisannya.

2. Setelah itu masukkan kode di bawah ini.

<style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjTgfYLm9IvFj8akaj7aZJXIfzzIaueqKkBoM3los4JUt7JsyTFDdsMIQi_lqKPN_EVGrokXvaXcJRFOOGoW5YshJX3Xv3B_BKXumLpXjZSBQRoaxTvbicfO8m5G4ynTv0YIHXM9q7iw/s400/bird_hair_t4belajarblogger.png"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjTgfYLm9IvFj8akaj7aZJXIfzzIaueqKkBoM3los4JUt7JsyTFDdsMIQi_lqKPN_EVGrokXvaXcJRFOOGoW5YshJX3Xv3B_BKXumLpXjZSBQRoaxTvbicfO8m5G4ynTv0YIHXM9q7iw/s400/bird_hair_t4belajarblogger.png"), auto;}</style>

kode yang berwarna biru bisa anda ganti dengan url cursor anda.

3. Simpan

Cara Kedua, Menggunakan Edit HTML:
1. Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Centang "expand template widget" kemudian cari kode </html> lalu letakkan kode dibawah ini sebelum kode </html>.

<style type="text/css">body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjTgfYLm9IvFj8akaj7aZJXIfzzIaueqKkBoM3los4JUt7JsyTFDdsMIQi_lqKPN_EVGrokXvaXcJRFOOGoW5YshJX3Xv3B_BKXumLpXjZSBQRoaxTvbicfO8m5G4ynTv0YIHXM9q7iw/s400/bird_hair_t4belajarblogger.png"), auto;}body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjTgfYLm9IvFj8akaj7aZJXIfzzIaueqKkBoM3los4JUt7JsyTFDdsMIQi_lqKPN_EVGrokXvaXcJRFOOGoW5YshJX3Xv3B_BKXumLpXjZSBQRoaxTvbicfO8m5G4ynTv0YIHXM9q7iw/s400/bird_hair_t4belajarblogger.png"), auto;}</style>

2. Simpan

Jika anda tidak merubah kode tersebut, kursor yang meuncul di blog anda akan menjadi seperti gambar dibawah ini