Cara Mengganti Gambar Kursor di Blog





Pernahkah kalian melhat kursus yang tiba-tiba berubah ketika anda mengunjungi sebuah blog ?

Jika iya, apakah kalian tertarik dan ingin mencobanya di blog anda ?
entis-design.com


Untuk kalian yang ingin mencoba nya, mari simak dengan baik



1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Rancangan » Edit HTML;

4. Beri tanda centang pada tulisan Expand Template Widget;

5. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):


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;
}


6. Kemudian tambahkan kode 
cursor: url(url cursor), progress; 
sehingga menjadi seperti ini;

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(url cursor), progress;
}

a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
cursor: url(url cursor), progress;
}

7. Ubah url merah dengan url cursor pada blog tidak ber-link dan url biru merupakan url cursor yang mengandung link

8. Kalian bisa membuat cursor sendiri atau bisa mendapatkannya urlnya di http://www.123cursors.com/ dan http://www.cursors-4u.com/.

9. Kemudian simpan template kalian 

10. Selesaii

Coba lihat blog nya, apakah berhasil ?
Untuk pertanyaan atau kesulitan bisa langsung di sampaikan di kotak komentar yaa
Previous
Next Post »