Begini Cara Mengganti Kursor Blogger Dengan Kursor Unik

Pengin tahu cara mengganti kursor blogger dengan kursor / berbeda dengan kursor blogger bawaan ?

Salah satu cara menghias blog blogger adalah dengan cara mengganti kursor blogger dengan kursor untuk atau dengan kursor yang kita inginkan, dan kabar bagusnya cara menghias blog blogger dengan kursor unik yang kita inginkan itu mudah saja kok.

Nah pada panduan cara menghias blog blogger kali ini saya akan menuliskan bagaimana cara mengganti kursor blogger dengan mudah dan cepat tanpa harus edit template blogger yang digunakan sehingga blog blogger kita terlihat lebih cantik.

Cara Mengganti Kursor Blogger Dengan Kursor Unik, Mudah Dan Cepat

Sebenarnya cara mengganti kursor blog blogger maupun blog lainnya atau-pun website sama saja, karena kita hanya perlu menambahkan sedikit kode css saja pada baris kode css / style yang ada di blog, atau lebih tepatnya kita hanya perlu menambahkan 1 baris kode pada css body.

Sedikit ilustrasi.

Misalnya kode css body template kita seperti ini

body {
    font-family: Arial, sans-serif;
    font-size:14px;
    font-weight:300;
    line-height:1.6em;
    color:#656565;
}

Maka kita cukup menambahkan kode ini di dalamnya

cursor: url("Masukkan Link / Tautan Gambar Di Sini Tanpa Spasi"), auto;

Maka hasilnya menjadi seperti ini


body {
font-family:Arial, sans-serif;
font-size:14px;
line-height:1.6em;
color:#656565;
cursor: url("Masukkan Link / Tautan Gambar Di Sini Tanpa Spasi"), auto;
}

Atau bisa juga menambahkan 1 baris kode css tersebut dengan cara penulisan seperti ini

<style type="text/css">
body{cursor: url("Masukkan Link / Tautan Gambar Di Sini Tanpa Spasi"), auto;}
</style>

Lalu bagai mana cara mengganti kursor blogger dengan mudah dan cepat ?

Oke sobat, saya akan menuliskan cara mengganti kursor blogger paling mudah dan paling cepat tanpa harus edit template dan tanpa resiko template jadi error.

Cara Mengganti Kursor Blogger Dengan Mudah Dan Cepat

Berikut langkah - langkah cara mengganti kursor blogger yang harus dilakukan :

1. Masuk ke dasbor blogger
2. Buka halaman Tata Letak
3. Klik Tambah Gadget / Add A Gadget, pilih Gadget HTML/JavaScript (posisi sembarang tidak masalah)
4. Masukkan kode untuk mengganti kursor / cursor blog pada bagian Konten (kode saya sertakan di bawah)
5. Simpan / Save dan selesai

>

Berikut kode untuk mengganti kursor / cursor blogger.

Gambar kursor / cursor

Kode :

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQXccFxuRdh1_XV72tUaUdK4ONJQea85t1oHyaxC7BL66h1rpuq1Ws3f9LhRHS160ci620QXWU1gMGdxHZrWct9wH6fikCv1QbTRuoTHTtdfoRu62dB1sHM8FrHicVda83LINvPxsFry1/s1600/kursor-bulu.gif"), auto;}
</style>

Atau gunakan kode kursor / cursor di bawah jika ingin kursor / cursor tetap sama jika diarahkan ke sebuah tautan.

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQXccFxuRdh1_XV72tUaUdK4ONJQea85t1oHyaxC7BL66h1rpuq1Ws3f9LhRHS160ci620QXWU1gMGdxHZrWct9wH6fikCv1QbTRuoTHTtdfoRu62dB1sHM8FrHicVda83LINvPxsFry1/s1600/kursor-bulu.gif"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQXccFxuRdh1_XV72tUaUdK4ONJQea85t1oHyaxC7BL66h1rpuq1Ws3f9LhRHS160ci620QXWU1gMGdxHZrWct9wH6fikCv1QbTRuoTHTtdfoRu62dB1sHM8FrHicVda83LINvPxsFry1/s1600/kursor-bulu.gif"), auto;}
</style>

Bagaimana cara mengganti kursor blogger dengan gambar lainnya ?

Untuk mengganti kursor / cursor dengan gambar lainnya maka yang harus dilakukan adalah mencari gambar yang ingin dijadikan kursor / cursor.

Dan jika sudah memiliki gambar yang ingin dijadikan sebagai kursor / cursor blog, maka yang harus dilakukan adalah mengupload gambar tersebut ke penyedia hosting (gratis atau berbayar boleh juga), misalnya kita upload gambar tersebut di blogger.

Setelah gambar selesai di upload maka silakan ambil tautan gambar tersebut, dan masukkan tautan gambar pada kode di atas.

Selain dengan cara mengupload gambar sendiri, kita juga bisa menggunakan kursor / cursor dari sebuah situs penyedia kursor / cursor gratis seperti www.totallyfreecursors.com
Silakan kunjungi situs tersebut jika ingin menggunakan kursor / cursor untuk blog yang mereka sediakan, kemudian pilih kursor / cursor yang ingin digunakan, dan ambil kode kursor yang sudah disediakan.

Kita juga diperbolehkan mendownload kursor / cursor yang mereka sediakan jika ingin menyimpan gambar kursor / cursor pada hosting kita sendiri.

Salah satu kursor / cursor disediakan oleh www.totallyfreecursors.com adalah ini

Dan kode untuk kursor / cursor di atas adalah ini

<style type="text/css">
body{cursor: url("http://cursors2.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}
body a:hover{cursor: url("http://cursors2.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}
</style>

Nah, itulah panduan cara mengganti kursor blogger dengan mudah dan cepat, semoga bermanfaat.