Wednesday, April 3, 2013

Cursor bertaburan bintang


Assalamu'alaikum wr. wb.
Kali ini Widget and Tutorial bakal membagikan tutorial tentang cara cursor bertaburan bintang. Caranya mudah kok. Langsung praktik aja yuk. Begini langkahnya :

Login blogger kamu
Masuk ke Dashboard >> Design >> Page Element


Add a gadget dan pilih HTML/JavaScript

Copy Paste kode di bawah ini:
PINK

<script src="http://ndy.googlecode.com/files/star_pink.js" type="text/javascript"/></script>  

MERAH

<script src="http://ndy.googlecode.com/files/star_red.js" type="text/javascript"/></script>


BIRU

<script src="http://ndy.googlecode.com/files/star_blue.js" type="text/javascript"/></script>

HIJAU

<script src="http://ndy.googlecode.com/files/star_green.js" type="text/javascript"/></script>

Contoh : saya pribadi memakai code ini : MERAH

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>


 Selamat mencoba, semoga tulisan ini berguna dan sukses selalu.
Wassalamu’alaikum wr. wb.






Mengganti Cursor

Assalamu'alaikum wr. wb.
Saya akan berbagi tentang mengganti gambar cursor pada blog anda, Langsung aja ya ke cara nya sebagai berikut ini :

  • Masuk ke Blogger sendiri ke desain

  • Pilih Tata Letak, terus
  • Pilih tambah Gadget

  • Pilih dan masuk HTML/ JavaScript. (klik tulisan Edit) terus

  • Copy salah satu kode-kode berikut ini kemudian paste kedalam kotak HTML JavaScript.
  • Klik tombol Simpan. Selesai
Masuk ke Dashboard >> Design >> Page Element
Add a gadget dan pilih HTML/JavaScript
Copy Paste kode di bawah ini

Kode 1 : Mengubah kursor tapi tidak mengubah ketika menyorot link

<style type="text/css">
body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}
</style>


Kode 2 : Mengubah kursor walaupun saat menyorot link

<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>


Ganti tulisan yang berwarna ungu dengan link URL gambar kamu.

Berikut adalah link kursor koleksi saya (untuk mendapatkan link URL nya, klik kanan pada gambar >> Copy image URL) :


Selamat mencoba, semoga tulisan ini berguna dan sukses selalu.
Wassalamu’alaikum wr. wb.