Blogger Jateng

Cara Mengganti Gambar Cursor di Blogger

Ada kalanya kita merasa bosan dengan tampilan gambar cursor yg default, dan  gak ada salahnya kalo anda ingin mencoba mengganti gambar cursor pada blog anda agar gambar cursor anda kelihatan lebih menarik.

Nah, bagi sobat blogger yg ingin merubah gambar cursornya menjadi lebih menarik silahkan kunjungi situs penyedia gambar/cursor yg banyak sekali bertebaran di dunia maya. Salah satunya adalah totallyfreecursors yg banyak menyediakan gambar cursor yg menarik untuk anda coba terapkan langsung pada blog anda. 


Caranya sangat mudah, pertama anda kunjungi situs totallyfreecursors kemudian klik gambar/icon sesuai dengan pilihan anda. Setelah itu copy url gambar/icon yang menjadi pilhan anda. Ada dua pilihan kode HTML yang bisa anda gunakan, Primary atau Rellover pilih salah satunya. 

Berikut contoh kode HTML icon cursor Animated : Tail- Heart 1
<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 Tail- Heart 1 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hearttailup.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif"), auto;}</style>

Kode yang berwarna merah adalah kode url gambar/icon, kode tersebut yg harus anda copy
Cara memasang di blogger adalah sebagai berikut :
1. Login ke blogger anda
2. Pilih template dan edit HTML, Centang Expand Template Widget
3. Gunakan Ctrl + F dan cari kode </head> copy kode di bawah ini dan letakkan di atas kode </head> 
<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif&quot;), auto;} </style> 
  
4. Simpan template 

Posting Komentar untuk "Cara Mengganti Gambar Cursor di Blogger"