Cara Mengganti Kursor Penunjuk di Blog

Cara Mengganti Kursor Penunjuk di Blog - Cara mengganti tampilan kursor/ Cara merubah kursor penunjuk di blog 

Mengganti penunjuk kursor blog merupakan salah satu cara untuk menghias blog kita. Sebelumnya saya juga telah menyampaikan cara lain untuk menghias blog yaitu Cara memberi burung twitter terbang di blog. Pada postingan artikel ini saya akan menyampaikan cara merubah kursor di blog. Umumnya/defaultnya kursor pada satu blog hanyalah berbentuk panah. Jika anda bosan dengan tampilan yang seperti itu dapat juga dengan diganti kursor bentuk gambar yang lainnya. Dengan merubah kursor selain untuk mempercantik tampilan blog, juga akan lebih memudahkan pengunjung untuk mengklik apapun yang ada di dalam blog. Langsung saja berikut ini adalah Cara Mengganti Kursor Penunjuk di Blog:

1. Pertama anda harus Login ke akun blogger anda.
2. Kemudian anda Klik Template --> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).
Setelah itu Carilah kode yang bentuknya kurang lebih seperti berikut ini:

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline; }
3. Setelah ketemu kode tersebut tambahkan kode Kode di bawah ini,  dan tambahkan kode cursor: sebelum kode in iurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88qAAF1u2DcNWOlQspee_Ka7ilI1fcA-WkGDOklhqBHw5Hpc7dIOnciEooLPUGFLpQegZBRMjz73pXkNiahveuzXCVJ7lanPJSrEZZzlXP1bKTpDFXURNgubCe25g73FBGPNX1BbOfaVr/s1600/cursorblue.png), progress; sehingga menjadi seperti ini:


body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88qAAF1u2DcNWOlQspee_Ka7ilI1fcA-WkGDOklhqBHw5Hpc7dIOnciEooLPUGFLpQegZBRMjz73pXkNiahveuzXCVJ7lanPJSrEZZzlXP1bKTpDFXURNgubCe25g73FBGPNX1BbOfaVr/s1600/cursorblue.png), progress;
}

a:link {
color:$linkcolor;
text-decoration:none;
}

a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88qAAF1u2DcNWOlQspee_Ka7ilI1fcA-WkGDOklhqBHw5Hpc7dIOnciEooLPUGFLpQegZBRMjz73pXkNiahveuzXCVJ7lanPJSrEZZzlXP1bKTpDFXURNgubCe25g73FBGPNX1BbOfaVr/s1600/cursorblue.png), progress;
}
Keterangan:
- kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, 
- kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. kamu bisa merubah 
- url ( kode warna Merah ) gambar untuk cursor pada blog anda sesuai dengan keinginan anda,  bisa cari url cursor di:
http://www.cursors-4u.com/.

4. Langkah terakhir adalah simpan template anda dan lihatlah hasilnya.

Demikian postingan artkel yang dapat saya sampaikan mengenai cara mengganti kursor penunjuk di blog. Semoga dapat bermanfaat buat anda.

Komentar