Pasang Aneka Kursor Pada Blog

Sebuah blog secara default hanya menampilkan kursor dua bentuk ialah berupa anak panah dan bentuk tangan kalau berada diatas link. Sebenarnya tampilan kursor itu sanggup kita atur sesuai dengan harapan kita sebagai pemilik blog. Bukan hanya itu, kalau tahu cara menempatkanya, kursor sanggup ditampilkan dengan bentuk berbeda pada setiap bab dari blog.
Sebagai contoh, coba anda arahkan kursor pada blog ke seluruh bab tampilan blog. Anda akan melihat adanya pergatian kursor setiap anda memindahkan kursor ke bab lain dari blog.

Jika hal itu berdasarkan anda manis dan layak dipasang pada blog anda, ikuti tips dibawah ini.

1. Ganti tampilan kursor melalui Edit HTML caranya ibarat ini :


1. Masuk ke dasbor
2. Pilih Rancangan (Tata Letak) bab tab Edit HTML.
3. Cari aba-aba : body { kemudian tambahkan aba-aba ini sempurna dibawah aba-aba body {
   
   
   cursor: url("https://picasaweb.google.com/110667291707517219649/IMAGETUTORIAL2#5729338440284600194"), default;




4. Simpan template.
5. Lihat blog.
   


2. Ganti tampilan kursor melalui tambah Gadget
   
   1. Masuk ke dasbor
   2. Pilih Rancangan (Tata Letak) bab tab Elemen Halaman
      
   3. Klik Tambah Gadget - Pilih HTML/Javascript.
   4. Copy aba-aba dibawah ini kemudian paste pada kolom yang tersedia
      
      
      
      <style type="text/css">body, a:hover {cursor: url(http://img163.imageshack.us/img163/5311/arrowq.gif), progress;} style="position:absolute; top: 0px; right: 0px;</style>
   
   
   
   
   5. Simpan perubahan
      
   6. Lihat blog.
      
   
   
Catatan : untuk dua cara diatas mempunyai sedikit perbedaan :

1. Cara pertama kursor berupa image akan bermetamorfosis tampilan tangan sewaktu diatas link.
2. Cara kedua tampilan kursor berupa image tidak akan berubah walaupunn berada diatas sebuah link.
3. Disarankan, pilihlah salah satu dari kedua cara diatas untuk dipasang pada blog.
   

Menambah tampilan kursor pada bab lain.
Setelah berhasil mengganti tampilan kursor dari salah satu cara diatas, coba anda pasang tampilan kursor di bab lain pada blog anda.

1. Ganti tampilan kursor pada bab post.
   
   1. Masuk ke Rancangan/Tata Letak bab Edit HTML
   2. Cari aba-aba ibarat ini .post { untuk template Tata Letak atau aba-aba ini .main-inner .Blog { untuk template baru
   3. Copy aba-aba dibawah ini kemudian paste sempurna dibawah aba-aba yang dicari tadi
      
      
      cursor: url("https://lh3.googleusercontent.com/-0sU95pMQO-E/TWUlx0EmpoI/AAAAAAAABzs/nrhrbQSo1Ck/s32/arrowq.gif"), default;
   4. Simpan template.
   5. Lihat kursor pada bab post anda.
      


2. Mengganti kursor pada bab sidebar
   
   1. Anda harus tahu jumlah sidebar pada blog anda supaya tiap sidebar kursornya berbeda tampilan.
      
   2. Masuk ke Rancangan/Tata Letak bab Edit HTML
   3. Cari aba-aba ibarat ini .sidebar-wrapper .widget{ untuk template Tata Letak atau aba-aba ini .sidebar .widget a:hover { untuk template baru
   4. Copy aba-aba dibawah ini kemudian paste sempurna dibawah aba-aba yang dicari tadi.
      
      
      cursor: url("https://lh3.googleusercontent.com/-0sU95pMQO-E/TWUlx0EmpoI/AAAAAAAABzs/nrhrbQSo1Ck/s32/arrowq.gif"), default;
   5. Simpan template.
   6. Lihat kursor pada bab sidebar blog anda anda.
      

Ganti alamat kursor pada kode-kode diatas. Alamat kursor yang berwarna kuning.
Jangan lupa bedakan antara kursor pada satu bab dengan bab lain dari blog anda supaya terlihat lebih menarik.
Dari contoh-contoh diatas, anda juga sanggup mengganti kursor pada seluruh bab blog lainnya. Silahkan anda pelajari cara diatas untuk menempatkan kursor pada bab lain di blog.

Selamat mencoba, semoga bermafaat...!!!
Sumber http://epg-studio.blogspot.com/

Bagikan Artikel ini