Cara Mengganti Kursor Penunjuk di Blog

Cara Mengganti Kursor Penunjuk di Blog - Cara merubah kursor penunjuk di blog - Cara ini merupakan salah satu teknik dalam menghias blog kita. Saya juga banyak tutorial bagaimana kita bisa memodifikasi blog kita, salah satunya adalah cara memberi burung twitter terbang di blog. Kali ini Blogaul akan posting artikel dengan judul cara mengganti kursor penunjuk di blog.

Pada kesempatan saya akan menjelaskan cara merubah kursor di blog. Biasanya sebuah kursor pada satu blog hanyalah berbentuk panah. Namun, buat kamu yang bosan dengan tampilan kursor bawaannya, dapat menggunakan gambar lain sebagai kursor penunjuk untuk blog mu. Selain dapat mempercantik tampilan blog, pengunjung akan lebih mudah untuk meng-klik apapun apa yang ada didalam blog mu.
Oke, kita langsung ke caranya:

1. Login ke akun blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang 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; }

3. Kemudian tambahkan kode Kode di bawah ini Kemudian tambahkan kode cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh67wLJlJpNDxeIObqQZhNAIBD-GQGbL5du-35TM82aUbf4ZHDGVCAGVp4vyzPmlTaArLJYejDdjChHYVQHVvP430pD75Ct2PpcGmoDLLFSgd0ZwXO61WeHGXP1NwR_VLycV-iudUb4u186/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/AVvXsEh67wLJlJpNDxeIObqQZhNAIBD-GQGbL5du-35TM82aUbf4ZHDGVCAGVp4vyzPmlTaArLJYejDdjChHYVQHVvP430pD75Ct2PpcGmoDLLFSgd0ZwXO61WeHGXP1NwR_VLycV-iudUb4u186/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/AVvXsEh67wLJlJpNDxeIObqQZhNAIBD-GQGbL5du-35TM82aUbf4ZHDGVCAGVp4vyzPmlTaArLJYejDdjChHYVQHVvP430pD75Ct2PpcGmoDLLFSgd0ZwXO61WeHGXP1NwR_VLycV-iudUb4u186/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 Merah ) gambar untuk cursor pada blog sobat sesuai dengan keinginan kamu,  bisa cari url cursor di:

http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/.

4. Kemudian simpan template sobat dan lihat hasilnya.

Nah, sekian posting saya mengenai cara mengganti kursor penunjuk di blog. Semoga bermanfaat..

Referensi:  http://facebook-ancur.blogspot.com/2012/02/cara-mengganti-kursor-di-blog.html

Source: http://stzuriah.blogspot.com/2013/03/cara-mengganti-kursor-penunjuk-di-blog_5660.html

Monday, March 18, 2013