Home » Panduan Blogger » Cara Mengganti Kursor di blog

Cara Mengganti Kursor di blog

11:20

Cara Mengganti Kursor Penunjuk di Blog - Cara merubah kursor penunjuk di blog - Cara ini merupakan salah satu teknik dalam menghias blog kita. Saya juga banyak tutorial bagaimana kita bisa memodifikasi blog kita, salah satunya adalah cara membuat daftar isi di blog. Kali ini Blogaul akan posting artikel dengan judul cara mengganti kursor penunjuk di blog.

Pada kesempatan saya akan menjelaskan cara merubah kursor di blog. 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.

Carilah kode yang 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. Kemudian tambahkan kode Kode di bawah ini Kemudian tambahkan kode cursor:

url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtU1S0wNqLoNCFejWdpFiFMmEzLOkqXAUy6bXLqIW2J1gzZmmWe5lq45jm1Eg0GDXfELKhWTd7lngW0W4DpgSvPT1UEllZBG2N11b50DE_B229VmC7-ZR__DOPyg3TD8Y90i1Sn5ekXGl1/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/AVvXsEhtU1S0wNqLoNCFejWdpFiFMmEzLOkqXAUy6bXLqIW2J1gzZmmWe5lq45jm1Eg0GDXfELKhWTd7lngW0W4DpgSvPT1UEllZBG2N11b50DE_B229VmC7-ZR__DOPyg3TD8Y90i1Sn5ekXGl1/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/AVvXsEhtU1S0wNqLoNCFejWdpFiFMmEzLOkqXAUy6bXLqIW2J1gzZmmWe5lq45jm1Eg0GDXfELKhWTd7lngW0W4DpgSvPT1UEllZBG2N11b50DE_B229VmC7-ZR__DOPyg3TD8Y90i1Sn5ekXGl1/s1600/cursorblue.png), progress;}

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:

http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/.

4. Kemudian simpan template sobat dan lihat hasilnya.

Nah, sekian posting saya mengenai cara mengganti kursor penunjuk di blog. Semoga bermanfaat.

Terima kasih telah membaca artikel Cara Mengganti Kursor di blog
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Mengganti Kursor di blog
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.

MzeePedia

Cara Mengganti Kursor di blog

0 comments

Post a Comment