Hari Ke-15 Prakerin

Hari/Tanggal : Rabu, 17 Oktober 2012

Waktu               : Pukul 08.00 s/d 12.00 WIB

Kursor Bertabur Bintang
        

       Banyak cara dilakukan untuk bisa membuat blognya tampil menarik. Salah satu cara yang bakal Widget 'n Tutorial  bagikan kali ini adalah cara membuat cursor bertabur bintang pada blog. Tutorial ini didapat dari blognya Muji Jaya Ganesha .

Berikut langkah - langkahnya :

 

  1. Masuk ke Design >> Page Element
  2. Tambah Gadget >> HTML/Javascript
  3. Copy Paste kode di bawah ini

Bintang Pink

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_pink.js" type="text/javascript"/></script> 

Bintang Merah

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_merah.js" type="text/javascript"/></script>

Bintang Biru

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_biru.js" type="text/javascript"/></script>

Bintang Hijau

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_hijau.js" type="text/javascript"

/></script>

Dan mengganti tampilan cursor di blog

• Login blogger kamu
• 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;}</sty

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) :

www.kebumenmedianet.com