Cara Mengganti Gambar Kursor di Blog
1. Log ini ke akun blogger sobat;
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;
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;
}
5. Kemudian tambahkan kode cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLCrrOplAHFHY_jtLzj9BIONCvSw7e_5hHCLEdsVdemgK9RuWgAkaIu7FTvO4eITnhQxO3oSp6H2SnHlis4BSgiamZDqANbh6wXKol0h340JH5ECXfYc9uXGxBcShdrEFkz5WKK5xMwIHt/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/AVvXsEgLCrrOplAHFHY_jtLzj9BIONCvSw7e_5hHCLEdsVdemgK9RuWgAkaIu7FTvO4eITnhQxO3oSp6H2SnHlis4BSgiamZDqANbh6wXKol0h340JH5ECXfYc9uXGxBcShdrEFkz5WKK5xMwIHt/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/AVvXsEgLCrrOplAHFHY_jtLzj9BIONCvSw7e_5hHCLEdsVdemgK9RuWgAkaIu7FTvO4eITnhQxO3oSp6H2SnHlis4BSgiamZDqANbh6wXKol0h340JH5ECXfYc9uXGxBcShdrEFkz5WKK5xMwIHt/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 biru ) gambar untuk cursor pada blog sobat sesuai dengan keinginan sobat, atau sobat bisa cari url cursor di http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/;
5. Kemudian simpan template sobat dan lihat hasilnya.
16 komentar:
wah kayaknya keren nie dicoba...makasih gan..
wah mantap nich mas,,, ijin nyoba ya mas,,, thanks buat tutornya,,,
sekarang saya move ke wp mas.... kira2 bisa nggak yh kaau di pasang di wp
wawwww keren!!!!!!!!!!
tQ info nya
keren nih kursonya jadi berubah,,, banyak tutorial blog di blog sobat ini yach...
boleh dicoba ini gan
download premium akun gratis!
http://slovech.us
berguna nih..
tnks infoxa gan..
Tips yang menarik sob.. :D
thanks ya buat infonya. Sangat membantu banget.
makasih ane newbie sala kenal warahmatulahi wabarokatuh..
ilusinya kebanyakan
THX ya..... atas tutor nya :D
bagian edit HTML adanya dimna sich ?? koq qu gk dpet2 ??
seeepppp...
gan punya q sama dengan punya blog agan silahkan mapir jika mau lihat
Posting Komentar