Wednesday, 31 July 2013

Mengganti Gambar Kursor di Blog

Pernahkah kalian melhat kursus yang tiba-tiba berubah ketika anda mengunjungi sebuah blog ? tenang, itu bukan kesalahan dari komputer anda, karena itu adalah script yang jalan pada blog tersebut kawan.

Cara Mengganti Gambar Kursor di Blog

Jika iya, apakah kalian tertarik dan ingin mencobanya di blog anda ?

Untuk kalian yang ingin mencoba nya, mari simak dengan baik
Mengganti Gambar Kursor di Blog

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

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template » Edit HTML;

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

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

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

7. Kemudian simpan template kalian

8. Selesaii

Coba lihat blog nya, apakah berhasil ?
Untuk pertanyaan atau kesulitan bisa langsung di sampaikan di kotak komentar yaa
Load disqus comments

0 comments