1. Login ke blog http://www.blogger.com.
4. Pastekan kode berikut ini diatas kode </head> tadi:
5. Ganti URL yang berwarna merah di kode yang dipastekan tadi dengan URL cursor yang Anda inginkan.
Berikut ada beberapa contoh cursor yang bisa Anda gunakan:
URL: http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
URL: http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif
2. Template -> Edit HTML (tombolnya ada di sebelah tombol Customize atau Sesuaikan).
3. Tekan Ctrl+F, lalu ketik dan cari tulisan "</head".
4. Pastekan kode berikut ini diatas kode </head> tadi:
<style type='text/css'>
HTML,BODY{cursor: url("http://cur.cursors-4u.net/toons/too-11/too1008.png"), auto;}
</style>
HTML,BODY{cursor: url("http://cur.cursors-4u.net/toons/too-11/too1008.png"), auto;}
</style>
5. Ganti URL yang berwarna merah di kode yang dipastekan tadi dengan URL cursor yang Anda inginkan.
Berikut ada beberapa contoh cursor yang bisa Anda gunakan:
URL: http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
URL: http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
URL: http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
Atau anda bisa juga mendapatkan cursor dari website-website dibawah ini:
Namun, disana, Anda tidak akan menemukan URL cursornya saja, melainkan yang akan anda temukan adalah dalam bentuk kode HTML, seperti:
<style> body, a, a:hover { cursor:url('http://www.dolliehost.com/dolliecrave/cursors/cursors-cute/cute01.gif'), auto }</style>
Kalau menemukan seperti itu, langsung saja pastekan semuanya di atas kode </head> tadi.
Atau mungkin berupa kode HTML yang panjang,seperti:
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-3/spe302.ani), url(http://cur.cursors-4u.net/special/spe-3/spe302.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/18/cute-bow-tie-hearts-blinking-blue-and-pink-pointer.html" target="_blank" title="Cute Bow Tie Hearts Blinking Blue and Pink Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Bow Tie Hearts Blinking Blue and Pink Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Kalau seperti itu, yang saya lakukan adalah saya mengambil sebagian kode yang merupakan URL dari cursor tersebut. Bagaimana saya tahu? Saya mengcopy tulisan setelah kata "url(", dimana tulisan tersebut dimulai dengan kata "http" dan berakhir dengan format dari cursor tersebut, seperti .gif, .png, dan sebagainya.
Cara ini sudah dibuktikan pada cursor di blog saya ini, http://ciceiy.blogspot.com.
Atau mungkin berupa kode HTML yang panjang,seperti:
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-3/spe302.ani), url(http://cur.cursors-4u.net/special/spe-3/spe302.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/02/18/cute-bow-tie-hearts-blinking-blue-and-pink-pointer.html" target="_blank" title="Cute Bow Tie Hearts Blinking Blue and Pink Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Bow Tie Hearts Blinking Blue and Pink Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Kalau seperti itu, yang saya lakukan adalah saya mengambil sebagian kode yang merupakan URL dari cursor tersebut. Bagaimana saya tahu? Saya mengcopy tulisan setelah kata "url(", dimana tulisan tersebut dimulai dengan kata "http" dan berakhir dengan format dari cursor tersebut, seperti .gif, .png, dan sebagainya.
Cara ini sudah dibuktikan pada cursor di blog saya ini, http://ciceiy.blogspot.com.
Sumber: http://carabadut.blogspot.com/2012/11/cara-mengganti-cursor-di-blog.html (Dengan Pengubahan)
Tidak ada komentar:
Posting Komentar