Sabtu, 19 November 2011

Cara Mengubah Tampilân Pada Cursor

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/AVvXsEgT7O0-gbTnpUQVAYrNR90f_S-pYc40Y-MWKgVetZKwwcbPARkmvOyhPD29imm5UiLGKX0MoRsRSr1V4ItBX6rXIxyEX57kKdnWL3zlJRJam7JoyWGjKvt-X3eVEkyWjMMI4j92C1DLWeMn/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/AVvXsEgT7O0-gbTnpUQVAYrNR90f_S-pYc40Y-MWKgVetZKwwcbPARkmvOyhPD29imm5UiLGKX0MoRsRSr1V4ItBX6rXIxyEX57kKdnWL3zlJRJam7JoyWGjKvt-X3eVEkyWjMMI4j92C1DLWeMn/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/AVvXsEgT7O0-gbTnpUQVAYrNR90f_S-pYc40Y-MWKgVetZKwwcbPARkmvOyhPD29imm5UiLGKX0MoRsRSr1V4ItBX6rXIxyEX57kKdnWL3zlJRJam7JoyWGjKvt-X3eVEkyWjMMI4j92C1DLWeMn/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.

Tidak ada komentar:

Posting Komentar

Pasang Kode Iklan sobat yg berukuran 120 x 600 disini!
Sumber : http://m-wali.blogspot.com/2011/12/cara-pasang-iklan-di-samping-kiri-blog.html#ixzz1lUva1zvn