Minggu, 03 November 2013
Hello sobat blogger, sekalipun telah banyak tutorial yang kayak saya buat sekarang ini tapi gak masalah lah saya juga ikutan buat, iseng-iseng untuk arsip gitu..hehehe. Baiklah langsung saja, sebenarnya ada banyak
banget sob cara buatnya. Pada kesempatan kali ini saya ingin share beberapa
langkah-langkah yang saya ketahui.
| Cara Mudah Mengganti Cursor di Blogger |
Pertama, cara membuatnya sangat simpel dan gampang (bahkan sangat
mudah) langsung aja kita ikuti langkah-langkah di bawah ini :
1. Login ke Blogger + Tata Letak + Edit HTML
1. Login ke Blogger + Tata Letak + Edit HTML
2. Kemudian kamu cari kode body { (untuk
memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)
3. Seteleh ketemu kamu letakkan Script dibawah ini tepat di bawah kode body {
3. Seteleh ketemu kamu letakkan Script dibawah ini tepat di bawah kode body {
cursor:url("http://i54.tinypic.com/97s4z7.png"),text;
4. Simpan.
Cara kedua, namun agak
sedikit mirip dengan yang sebelumnya. Silakan dicoba saja.
- Log ini ke akun blogger sobat;
- Pilih menu Rancangan » 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;
}
- Kemudian tambahkan kode
cursor: url(http://i1215.photobucket.com/albums/cc519/Auguste_Nirwana/2ugifqc.png), progress;
sehingga menjadi seperti ini;
body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(http://i1215.photobucket.com/albums/cc519/Auguste_Nirwana/2ugifqc.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://i1215.photobucket.com/albums/cc519/Auguste_Nirwana/Element2.gif), progress;
}
Keterangan:
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. Sobat 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/;
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. Sobat 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/;
- Kemudian simpan template sobat dan lihat hasilnya.
Terakhir, ada cara
lainnya yang tidak perlu edit template namun pernah saya coba dan hasilnya
gagal tapi dicoba saja dulu mudah-mudahan berhasil.
- Log ini ke akun blogger sobat;
- Pilih menu Rancangan » Elemen Laman;
- Kemudian pilih Tambah Gadget, terserah mau sobat letak dimana;
- Pilih HTML/JavaScript;
- Tambahkan kode berikut ini;
<style type="text/css"> body{cursor: url("http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png"), auto;} </style>
Atau
<style type="text/css"> body {cursor: url(http://i52.tinypic.com/2ugifqc.png), progress;}
a:hover { cursor: url(http://www.123cursors.com/freecursors/1572.ani), progress;}<style>
- Kemudian simpan template sobat dan lihat hasilnya.
Good luck...!!!
Anda sedang membaca artikel tentang Cara Mudah Mengganti Cursor di Blogger dan anda bisa menemukan artikel
Cara Mudah Mengganti Cursor di Blogger ini dengan url https://masnir.blogspot.com/2013/11/cara-mudah-mengganti-cursor-di-blogger.html. Anda boleh menyebarluaskan atau mengcopy artikel
Cara Mudah Mengganti Cursor di Blogger ini jika memang bermanfaat bagi anda atau teman-teman anda, namun jangan lupa untuk mencantumkan link sumbernya. Terima Kasih
