Mengganti Tampilan Cursor (Mouse)

Sebenarnya sich ada banyak script untuk memasang cursor pada blog supaya terlihat lebih atraktif dan menarik. Di posting kali ini saya akan memberikan tutorial tentang bagaimana memasang custom cursor pada blogspot, yah walaupun sudah banyak blog2 yang sudah menulis tentang ini sebelumnya... Hehehehe... tapi tak apalah awak tulis kembali ( duh bahasa mana nih... :D hehehe ) Langsung aja yup kalian ikutan langkah2 berikut ini.

Instruksi Dasar :

1. Login Blog terlebih dahulu di http://draft.blogger.com
2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
3. Pilih Tab Edit HTML
4. Cari kode ]]></b:skin> untuk mempermudah pencarian kode tersebut dapat dipergunakan fasilitas Find pada web browser. Sebagai contoh pada browser Mozilla Firefox ditunjukkan pada Menu Bar -> Edit -> Find (Alt+E+F) atau dengan menekan kombinasi tombol (Ctrl + F)
5. Penempelan script custom cursor berikut ini dapat diletakkan sesudah atau dibawah kode ]]></b:skin>.

Script :

<style type='text/css'>body, a {cursor: url(Letakkan Url cursor default disini), progress;} a:hover {cursor: url(Letakkan Url cursor link disini), progress;}</style>

Setelah script dan url cursor telah dimasukkan lalu Simpan perubahan dan bisa dilihat hasilnya :)

Cursor Default :

http://lh4.ggpht.com/_TWC8zfBIdik/S-azAjwjYKI/AAAAAAAAAxg/vcB1bh9X0CM/roxxcur1.png

Cursor Link :
http://lh6.ggpht.com/_TWC8zfBIdik/S-azAn6JodI/AAAAAAAAAxk/kdC4_mmwr9c/roxxcur2.png

Dapatkan Cursor - cursor lucu dan menarik pada link berikut ini :

   1. http://www.cursors-4u.com
   2. http://www.myspacecursor.net
   3. http://www.totallyfreecursors.com
   4. http://www.123cursors.com
   5. http://www.anicursor.com
   6. http://moocursors.com/

Sekian tutorial Cara pasang custom cursor di blogspot semoga bermanfaat. Terimakasih.

Share this history on :

Tweet

CSS

• Cara Membuat Widget Label Dua Kolom
• Membuat Related Post dengan Efek Ceklis
• Blockquote dengan Efek Hover
• Membuat Breadcrumb Terindex Google
• Cara Membuat Buttons Keren dengan CSS
• Experiment with CSS3 - System Tatasurya
• Beberapa Efek Transisi Pada Gambar
• Load Page Blog Lebih Keren Dengan Keyframes
• Trik Mempercepat Loading Home Page Blog
• Cara Membuat Efek Rotate Miring Dengan CSS3
• Menyembunyikan Obyek Dengan Kode Overflow:hidden
• Pasang About Author Box dengan CSS
• Cara Memasang Facebook Like Otomatis di Posting
• @font-face CSS di Blogger Template
• Membuat Gambar Melayang di Blog
• memberi efek blur pada gambar
• Membuat Slide Headlines
• Membuat Menu Slide Show Tab View
• Comment Owner Berbeda dengan Pengunjung
• Mengubah Ukuran Template Blog
• Membuat Footer 3 Kolom dengan Background
• Membuat Link Berkedip Pada Saat Disorot Mouse
• Pasang Jam Animasi Colorfull With CSS & jQuery

Title : Mengganti Tampilan Cursor (Mouse)
URL : http://blogcunayz.blogspot.com/2011/06/mengganti-tampilan-cursor-mouse.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Mengganti Tampilan Cursor (Mouse) sebagai Sumbernya.