Cara Mengubah Kursor Menjadi Lebih Menarik Di Blog

Cara mengubah kursor menjadi lebih menarik di blog

Kali ini gw bakal 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 )


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>

6.Klik Simpan

7.Selesai

Created By : Admin