1. Log in ke akun blogger kamu
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/AVvXsEi49lg1t693qn5gU9DG_kw4QBUyekfwHC6bJxIjT8HrxDBojmoT6e16B0_DACRQyCWsygyGxrr0Y5cqDKBpw_IBgU5fut50E6GhjQmp5t8cbakCK5FOInJ4ihpq7NjiONFgLzVp1b_HQitI/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/AVvXsEi49lg1t693qn5gU9DG_kw4QBUyekfwHC6bJxIjT8HrxDBojmoT6e16B0_DACRQyCWsygyGxrr0Y5cqDKBpw_IBgU5fut50E6GhjQmp5t8cbakCK5FOInJ4ihpq7NjiONFgLzVp1b_HQitI/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/AVvXsEi49lg1t693qn5gU9DG_kw4QBUyekfwHC6bJxIjT8HrxDBojmoT6e16B0_DACRQyCWsygyGxrr0Y5cqDKBpw_IBgU5fut50E6GhjQmp5t8cbakCK5FOInJ4ihpq7NjiONFgLzVp1b_HQitI/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 dan lihat hasilnya.
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/AVvXsEi49lg1t693qn5gU9DG_kw4QBUyekfwHC6bJxIjT8HrxDBojmoT6e16B0_DACRQyCWsygyGxrr0Y5cqDKBpw_IBgU5fut50E6GhjQmp5t8cbakCK5FOInJ4ihpq7NjiONFgLzVp1b_HQitI/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/AVvXsEi49lg1t693qn5gU9DG_kw4QBUyekfwHC6bJxIjT8HrxDBojmoT6e16B0_DACRQyCWsygyGxrr0Y5cqDKBpw_IBgU5fut50E6GhjQmp5t8cbakCK5FOInJ4ihpq7NjiONFgLzVp1b_HQitI/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/AVvXsEi49lg1t693qn5gU9DG_kw4QBUyekfwHC6bJxIjT8HrxDBojmoT6e16B0_DACRQyCWsygyGxrr0Y5cqDKBpw_IBgU5fut50E6GhjQmp5t8cbakCK5FOInJ4ihpq7NjiONFgLzVp1b_HQitI/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 dan lihat hasilnya.
Sumber : http://4-jie.blogspot.com/2011/11/cara-mengganti-gambar-kursor-di-blog.html#ixzz1fH0MZNVt
© COPYRIGHT 2011
0 komentar:
Posting Komentar