Selamat Sore Sobat SERDA :)
Kali ini saya akan memberi Tips cara mengubah kursor diblog kita menjadi keren dan lucu ,
Baik, langsung saja pada langkah-langkahnya :
- Pertama login ke blogger terlebih dahulu
- Klik Tata Letak
- Klik tab Elemen Halaman
- Klik Tambah Gadget
- Pilih Tambah HTML/JavaScriptCopy pastekan code di bawah kedalam kolom yang tersedia.
jika mau corsor seperti ini kode di bawah
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/smilies/smi-1/smi87.ani), url(http://cur.cursors-4u.net/smilies/smi-1/smi87.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/02/08/swinging-on-pointer-smiley.html" target="_blank" title="Swinging On Pointer Smiley"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Swinging On Pointer Smiley" style="position:absolute; top: 0px; right: 0px;" /></a>
jika mau corsor seperti ini kode di bawah
<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 Banana Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/banana1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/banana1.gif"), auto;}</style>
jika mau corsor seperti ini kode di bawah
<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 A Old English Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aoldenglish.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aoldenglish.gif"), auto;}</style>
jika mau corsor seperti ini kode di bawah
<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 Apple TM ani Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/apple-tmani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/apple-tmani.gif"), auto;}</style>
jika mau corsor seperti ini kode di bawah
<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>
<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 Dragon Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/dragon3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/dragon3.gif"), auto;}</style>
<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 Tinkerbell Glitter2 Lefty Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/lefty52.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/lefty52.gif"), auto;}</style>
<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 INDONESIA Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}</style>
<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 Choco Green Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/choco7.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/choco7.gif"), auto;}</style>
<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 Me Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/me.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/me.gif"), auto;}</style>
<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 Guitar Pink Glitter Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/guitarpinkglitter.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/guitarpinkglitter.gif"), auto;}</style>
Nah Mudah kan pastinya ? :)
Selamat Mencoba !!!
kalau mau copas , jangan lupa sertakan sumbernya :)
Follow My Twitter @Fikri_alathaz
0 Response to "Mengganti tampilan kursor Animasi di blog"
Posting Komentar