Biasanya sebuah kursor pada satu blog hanyalah berbentuk panah. Namun, buat kamu yang bosan dengan tampilan kursor bawaannya, dapat menggunakan gambar lain sebagai kursor penunjuk untuk blog mu. Selain dapat mempercantik tampilan blog, pengunjung akan lebih mudah untuk meng-klik apapun apa yang ada didalam blog mu.
Oke, kita langsung ke caranya:
1. Login ke akun blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Carilah kode yang kurang lebih seperti berikut ini:
Oke, kita langsung ke caranya:
1. Login ke akun blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Carilah kode yang kurang lebih seperti berikut ini:
body {3. Kemudian tambahkan kode Kode di bawah ini Kemudian tambahkan kode cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LUUxM279nY6DKxmPxkBWtjp0M0PD0sooqlE-T2QZOmtT-8SgOugqEGieTBAfEkLKNzZbZTka1kwO2CzQDCiOcoWU3HiXAa47G9-o0UO1E720rVsYli4OmBEnMbWBJlROxvHyYxSuV9jp/s1600/cursorblue.png), progress; sehingga menjadi seperti ini:
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; }
body {Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan 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 sobat sesuai dengan keinginan kamu, bisa cari url cursor di:
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_LUUxM279nY6DKxmPxkBWtjp0M0PD0sooqlE-T2QZOmtT-8SgOugqEGieTBAfEkLKNzZbZTka1kwO2CzQDCiOcoWU3HiXAa47G9-o0UO1E720rVsYli4OmBEnMbWBJlROxvHyYxSuV9jp/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/AVvXsEj_LUUxM279nY6DKxmPxkBWtjp0M0PD0sooqlE-T2QZOmtT-8SgOugqEGieTBAfEkLKNzZbZTka1kwO2CzQDCiOcoWU3HiXAa47G9-o0UO1E720rVsYli4OmBEnMbWBJlROxvHyYxSuV9jp/s1600/cursorblue.png), progress;
}
4. Kemudian simpan template sobat dan lihat hasilnya.
Semoga bermanfaat.. :D
0 comments
Post a Comment