Cara Mengganti Kursor 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 membuat daftar isi di blog. Kali ini Blogaul akan posting artikel dengan judul cara mengganti kursor penunjuk di blog.
Kursor Penunjuk 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.
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(http://1.bp.blogspot.com/-3g9Uuy4LhRc/TsE_ZZVHhxI/AAAAAAAAAmg/cji_YumcTag/s1600/cursorblue.png), progress; sehingga menjadi seperti ini:
body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(http://1.bp.blogspot.com/-3g9Uuy4LhRc/TsE_ZZVHhxI/AAAAAAAAAmg/cji_YumcTag/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(http://1.bp.blogspot.com/-3g9Uuy4LhRc/TsE_ZZVHhxI/AAAAAAAAAmg/cji_YumcTag/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.

Copyright Seowaps.com | Panduan SEO, Panduan Blogger
Baca Artikel Terkait Di Bawah ini :

Ditulis Oleh : Web Hosting Indonesia

Judul Artikel "Cara Mengganti Kursor di blog" Jika salin Artikel Cara Mengganti Kursor di blog, mohon mencantumkan sumber link http://www.webhosting.web.id/2013/07/cara-mengganti-kursor-di-blog.html. Salam from Web Hosting Gratis

:: Web Hosting Indonesia ::

0 komentar:

Posting Komentar

 
 
Copyright © WEBHOSTING.WEB.ID, Powered by UNMETERED