Cara Mengganti Kursor Di Blog

Bagaimana Cara Mengganti Kursor Di Blog? pertanyaan ini di lontarkan ketika sobat mbah trik sudah mulai bosan dengan tampilan kursornya saat ini, kita dapat sedikit berkreasi dengan mengganti gambar kursor default dengan gambar-gambar kursor yang lebih menarik, anda dapat mencarinya di www.totallyfreecursors.com  yang menyediakan kumpulan kursor yang bisa kita pakai. Saya akan membagikan 2 cara dalam pepbuatannya.
Langsung saja untuk cara yang pertama ikuti Cara Mengganti Kursor Di Blog di bawah ini:

1. Download dahulu template sobat mbah trik sebagai jaga-jaga apabila terjadi kesalahan

2. Login ke blogger account - Dashboard - Template -Edit HTML, jangan lupa beri tanda centang pada Expand Template Widget, kemudian cari kode ]]></b:skin> dengan bantuan CTRL + F untuk lebih memudahkan dalam pencarian. Selanjutnya sisipkan kode di bawah ini

body,a,a:hover{cursor:url(Cursor-Url),progress;}

diatas kode  ]]></b:skin> tadii

Keterangan : Text yang berwarna merah itu adalah URL gambar  yang dapat di di ganti dengan url gambar lainnya yang di inginkan.

Ini contoh kode script yang saya buat untuk mengganti kursor blog

body,a,a:hover{cursor: url(http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif),progress;}
</style>

Jika sobat semua ingin mengganti gambar kursor dengan gambar yang lain yang lebih variatif, dapat dilakukan mengganti URL gambar yang berwarna merah dengan URL gambar yang telah di dapatkan dari www.totallyfreecursors.com. Setelah mengklik kursor yang diinginkan, akan terdapat halaman yang kira-kira sepeti ini : To use this cursor as your primary cursor on your web page, copy and paste this code anywhere in your HTML code dan dibawahnya terdapat alamat kursor, seperti ini contohnya  http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif  yang tinggal dicopy paste untuk mendapatkan kursor yang rekan inginkan.

Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

      http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

        http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

        http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

        http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

        http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

                

        http://i1122.photobucket.com/albums/l524/riyosuke/7updot-ani-1.gif

       http://i1122.photobucket.com/albums/l524/riyosuke/banghead.gif

        http://i1122.photobucket.com/albums/l524/riyosuke/guitarblackglitter.gif

        http://i1122.photobucket.com/albums/l524/riyosuke/heartbowarrow1-1.gif

Dan untuk cara yang ke dua adalah pertama masuk ke alamat www.totallyfreecursors.com, pilih kursor yang diinginkan, sesudah kita menemukan kursor, lihat tulisan yang seperti ini 'To use this cursor as your primary cursor on your web page, copy and paste this code anywhere in your HTML code' copy paste kodenya, contoh

 <div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Eye Brown Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/eyebrown.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif"), auto;}</style>

pada html/javasript dengan cara login ke account blogger, masuk ke dashboard, tata letak, tambah gadget ,pilih HTML/javascript, dan masukan kode yang ada di pojok kanan bawah dari alamat.


Semoga artikel Cara Mengganti Kursor Di Blog ini dapat bermanfa'at