Cara Mengganti Cursor Di Blog

Cara Mengganti Cursor Di Blog - Assalamu'alaikum Wr.Wb

Hai sobat, kali ini saya akan membahas bagaimana Cara Mengganti Cursor Di Blog agar tampilan blog semakin cantik. Mungkin sobat di rumah sudah bosan dengan cursor yang biasa itu kan?  inilah solusi bagi sobat dirumah dengan cara mengganti cursor di blog sobat. Ikuti saja langkah-langkah berikut ini untuk mengganti cursor di blog.

1. Pertama harus sudah masuk di Blogger.com terlebih dahulu
2. Pilih menu Tata Letak lalu klik tambahkan gadget

3. Pilih HTML/JavaScript

4. Pilih contoh cursor yang sudah saya sediakan yang sobat sukai dibawah ini lalu copy

<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 !important;}</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>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-12/cur1103.ani), url(http://ani.cursors-4u.net/cursors/cur-12/cur1103.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2014/03/14/rainbow-pinwheel-pointer.html" target="_blank" title="Rainbow Pinwheel Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rainbow Pinwheel Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/cursors/cur-11/cur1073.ani), url(http://ani.cursors-4u.net/cursors/cur-11/cur1073.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/06/13/multicursor-working-in-background.html" target="_blank" title="Multicursor - Working In Background"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Multicursor - Working In Background" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-2/hol151.ani), url(http://cur.cursors-4u.net/holidays/hol-2/hol151.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2006/02/14/hol151.html" target="_blank" title="Trail Of Waving Hearts"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Trail Of Waving Hearts" style="position:absolute; top: 0px; right: 0px;" /></a>

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

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur956.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins.html" target="_blank" title="Batman Begins"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur18.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur18.png), progress !important;}</style><a href="http://saifuljunioroffical.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Wavy Tail"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Wavy Tail" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-6/hol512.ani), url(http://cur.cursors-4u.net/holidays/hol-6/hol512.png), progress !important;}</style><a href="http://saifuljunioroffical.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Valentine's Day Pumping Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Valentine's Day Pumping Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmTGVk73R2EHdRW_vH5JAQLKGtSWcHQ8sbwbCbRjn-7rkt-HkB84CsEXW3Cnvhb8v6rXPc7Rla5gkPB-QQhaQbhUEFqTODYiGDHpm3nrRYMixoZQHDIkup3gMt26CggNVtvSsDvv0OsHU/s128/Teori%20Ngeblog%20CURSOR%2018.gif"), auto;}</style>

<style type="text/css">HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYVpn4TlJmRuIUxMOnQPGASOMO7D3IbHfKL_62-3UrxFrEx75ImqX9vxmBUKMT3G5Vk7JwInp_VxjXxti59jlQLuB7i7aY6WiGf2LDcxAP0o1NNnWMH9gzGwuM0uMHqJNb7z-wyqPnXP4/s128/Teori%20Ngeblog%20CURSOR%208.gif"), auto;}</style></style></style></style></style></style>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur15.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur15.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/07/26/cur15.html" target="_blank" title="Flame"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flame" style="position:absolute; top: 0px; right: 0px;" /></a>

5. Kemudian Paste di kotak yang di sediakan
6. Terakhir klik simpan (judulnya biarkan kosong saja)

Jika sobat ingin contoh Cursor yang lainnya. klik saja link ini ~> http://www.ro-syid.site.bz/cursor
disitu ada banyak sekali contoh contoh cursor yang unik. Kemudian, setelah ada cursor yang cocok dengan keinginan sobat Klik gambar cursornya lalu pilih Option #1 - Universal CSS/HTML Code
lalu cara pemasangannya seperti contoh di atas.
Mudah kan?? jika masih kebingungan, silahkan berkomentar di bawah atau langsung ke Contact 
Sekian dan Wassalamualaikum Wr.Wb 

Pelajari juga Cara Membuat Efek Loading Keren Di Blog dan Cara Membuat Anyaman Dari Foto Dengan Photosop dan pelajari juga artikel - artikel terkait lainnya di bawah ini :