Cara Merubah Cursor Pada Blog

Assalamualaikum Wr Wb.

Alhamdulillah pada hari ini saya bisa membagikan tips blog buat teman-teman semua nya. Mungkin tips ini udah jadul yah? dan mungkin udah pada tau semua, tapi bagi yang baru tau dan ingin mencoba ya tidak apa-apa hehehehe. Ok deh tips kali ini adalah cara merubah cursor pada blog kamu. Untuk mengaplikasikan tips ini di blog kamu, silahkan kamu ikuti langkah-langkah berikut ini.

Cara Membuat Cursor Para Blog

1. Login ke blog kamu
2. Masuk ke Rancangan (Layout) >> Elemen Laman (Page Element)
3. Klik Tambah Gadget >> Pilih HTML/Javascript
4. Pilih salah satu contoh cursor di bawah ini

Cool Yellow Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur221.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-yellow-outer-glow-pointer.html" target="_blank" title="Cool Yellow Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Yellow Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Orange Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur220.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-orange-outer-glow-pointer.html" target="_blank" title="Cool Orange Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Orange Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Purple Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur119.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-purple-outer-glow-pointer.html" target="_blank" title="Cool Purple Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Purple Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Hot Pink Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur223.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-hot-pink-outer-glow-pointer.html" target="_blank" title="Cool Hot Pink Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Hot Pink Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Grey Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur118.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-grey-outer-glow-pointer.html" target="_blank" title="Cool Grey Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Grey Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Neon Green Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-neon-green-outer-glow-pointer.html" target="_blank" title="Cool Neon Green Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Neon Green Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Red Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-red-outer-glow-pointer.html" target="_blank" title="Cool Red Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Red Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
Cool Blue Outer Glow Pointer

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
5. Paste kan pada kolom HTML/Javascript tadi

Jika kamu ingin mencari model-model cursor lain nya, kamu bisa mengunjungi link berikut :
Disitu terdapat puluhan jenis-jenis cursor yang bagus dan juga keren 

6. Simpan dan lihat hasil nya

.:: Selamat Mencoba ::. 

Komentar

Posting Komentar

Gunakan kata-kata yang sopan untuk berkomentar ya sob.
No Porn, No Sara, No Spam

Postingan populer dari blog ini

Membuat efek cursor bertaburan bintang

Assalamualaikum Wr. Wb Akhirnya pada hari ini saya bisa membagikan tutorial lagi :), nah tips atau tutorial kali ini adalah cara membuat efek cursor bertaburan bintang. Tips ini akan membuat cursor kamu menjadi lebih keren lagi. Warna juga ada beraneka ragam. Pingin mencoba? Tak repot kok cukup ikuti saja langkah berikut Cara Membuat Efek Cursor Bertaburan Bintang 1. Login ke blog kamu 2. Masuk ke Rancangan (Layout) >> Elemen Laman (Page Element) 3. Klik Tambah Gadget >> Pilih HTML/Javascript 4. Copy salah satu kode di bawah ini Bintang Ungu <script src="https://sites.google.com/site/sekedartutorial/tutortaufiq/bintang.ungu.js" type="text/javascript"></script>  Bintang Hijau  <script src="https://sites.google.com/site/sekedartutorial/tutortaufiq/bintang.hijau.js" type="text/javascript"></script>  Bintang Merah   <script src="https://sites.google.com/site/sekedartutorial/tutortaufiq/bintang...
Readmore »

Membuat efek tulisan berputar pada cursor

Assalamualaikum Wr Wb. Setelah 5 hari tidak posting tips blog Pada kali ini saya akan membagikan tips lagi dan masih seputar efek-efek cursor pada blog. Tips kali ini adalah membuat efek tulisan berputar pada cursor. Walaupun tips ini udah jadul, tapi jika ada yang kepingin mencoba tips ini, silahkan ikuti langkah-langkah singkat berikut Membuat efek tulisan berputar pada cursor 1. Login ke blog kamu 2. Masuk ke Rancangan (Layout) >> Elemen Laman (Page Element) 3. Klik Tambah Gadget >> Pilih HTML/Javascript 4. Copy kode berikut ini <style type='text/css'> #outerCircleText { font-style: italic; font-weight: bold; font-family: 'comic sans ms', verdana, arial; color:  #0000ff ; position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style> <script type='text/javascript'> //<![CDATA[ ;(func...
Readmore »

Menduplikasi Blog Untuk Menyelamatkan Template

Gambar
Assalamualaikum Wr. Wb Menduplikasi adalah salah satu cara untuk menyelamatkan pengaturan pada blog kamu. Cara ini sebaiknya dilakukan sebelum kamu mengedit pengaturan HTML pada blog kamu, supaya pengaturan lama kamu tidak berubah jika kamu salah mengatur kode HTML.Cara melakukan nya sangat gampang kok, lihat aja cara dan gambar nya dibawah ini. 1. Login dulu ke blogger kamu. 2. Jika sudah login, pada halaman dasbor kamu klik Rancangan , lihat gambar dibawah ini : 3. Setelah itu kamu akan masuk pada halaman Elemen Laman , lihat gambar dibawah ini : 4. Kemudian klik tulisan Edit HTML , maka akan muncul halaman seperti pada gambar dibawah ini : 5. Setelah itu kamu klik tulisan Download Template Lengkap dan save file nya di komputer kamu. 6. Selesai, sekarang template blog kamu sudah diduplikasikan dan kamu bisa mengatur kode HTML di blog kamu secara aman tanpa takut tidak bisa mengembalikan pengaturan sebelum nya. .:: Selamat Mencoba ::.
Readmore »