TIK(bagian blogger/blogspot)-Cara mengubah kursor menjadi lebih menarik di blog 2

Kali ini aku akan kasih tahu bagaimana cara merubah kursor blog menjadi lebih menarik, mau tahu caranya simak langkah - langkah berikut ini!


Cara Memasangnya ke blog sangatlah mudah,ikuti beberapa langkah berikut.
1.Login ke akun blogger
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode css cursor yang sobat inginkan ( dibawah ini )
6.Klik Simpan
7.Selesai


Nih kode css cursornya (sebagai contoh cursornya disertai dengan gambar):

1.)Bird 01

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/28/catching-fire.html" target="_blank" title="Catching Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching Fire" style="position:absolute; top: 0px; right: 0px;" /></a>

2.)Bird 02

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1019.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/28/the-hunger-games-5.html" target="_blank" title="The Hunger Games Mockingjay Pin"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="The Hunger Games Mockingjay Pin" style="position:absolute; top: 0px; right: 0px;" /></a>

3.)Blue Fire

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

4.)Blue Bobblehead Bunny

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1028.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1028.gif), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/sky-blue-bobblehead-bunny.html" target="_blank" title="Sky Blue Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sky Blue Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>

5.)Cloud With A Chance Of Sun

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1025.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/27/cloudy-with-a-chance-of-sun.html" target="_blank" title="Cloudy With A Chance Of Sun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cloudy With A Chance Of Sun" style="position:absolute; top: 0px; right: 0px;" /></a>

6.)Old Pink Turtle

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat1017.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/02/old-pink-turtle.html" target="_blank" title="Old Pink Turtle"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Old Pink Turtle" style="position:absolute; top: 0px; right: 0px;" /></a>

7.)Rainbow Arch Over Cloud

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1021.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/27/rainbow-arch-over-clouds.html" target="_blank" title="Rainbow Arch Over Clouds"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rainbow Arch Over Clouds" style="position:absolute; top: 0px; right: 0px;" /></a>

8.)Sunny A Chance Of Cloud

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1018.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/27/sunny-with-a-chance-of-cloud.html" target="_blank" title="Sunny With A Chance Of Cloud"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sunny With A Chance Of Cloud" style="position:absolute; top: 0px; right: 0px;" /></a>

9.)Cow Print Pointer

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1002.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/17/cow-print-pointer.html" target="_blank" title="Cow Print Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cow Print Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

10.)Blue Ladybug

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat1018.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/02/blue-ladybug.html" target="_blank" title="Blue Ladybug"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Ladybug" style="position:absolute; top: 0px; right: 0px;" /></a>