Cara Mengganti Kursor Di Blog

Diposkan oleh Muhammad Iqbal on Kamis, 23 Agustus 2012
Cara Mengganti Kursor Di Blog-Gimana sob sudah mulai bosankah dengan kursor blog yang sedang di gunakan saat ini? jangan khawatir sekarang kita akan mulai sedikit berkreasi dengan cara mengganti kursor blog default yang berwarna putih itu dengan kursor yang lebih keren yang mana menjadi lebih menarik tentunya.
Baiklah langsung saja kaepada langkah pertama yang harus di lakukan adalah sobat semua masuk ke alamat www.totallyfreecursors.com  untuk mencari kursor yang di inginkan yang mana di sana menyediakan kumpulan kursor yang bisa kita pakai. Saya akan membagikan 2 cara dalam pembuatannya.
Cara Mengganti Kursor Di Blog:
Cara Pertama:
1. Download dahulu template sobat semua sebagai antisipasi 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> 
gunakan tombol CTRL + F  pada keyboard untuk lebih memudahkan dalam pencarian. Selanjutnya sisipkan kode di bawah ini diatas kode  ]]></b:skin> tadi

body,a,a:hover{cursor:url(Cursor-Url),progress;}
Keterangan : Text yang berwarna merah Cursor-Url itu adalah URL gambar  yang dapat di di ganti dengan url gambar lainnya yang di inginkan.
Ini contoh kode script yang untuk mengganti kursor blog
body,a,a:hover{cursor: url(http://downloads.totallyfreecursors.com/thumbnails/eyebrown.gif),progress;}
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 sobat 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 kedua 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 kodenya:

<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>

Copy paste kode tersebut pada html/javasript dengan cara login ke account blogger, masuk ke dashboard, tata letak, tambah gadget ,pilih HTML/javascript, dan masukan kode yang di dapat.

Demikian turitorial Cara Mengganti Kursor Di Blog ini, selamat mencoba !
Komentar Facebook
0 Komentar Blogger
Twitter

{ 0 komentar... read them below if any or add comment }

 
FASTSEO - SEO Friendly Blogger Template Design by Tutorial SEO Blogspot