Cari Artikel Blog Ini

Total Tayangan Laman

PASANG ANEKA KURSOR PADA BLOG

Sebuah blog secara default hanya menampilkan kursor dua bentuk yaitu berupa anak panah dan bentuk tangan jika berada diatas link. Sebenarnya tampilan kursor itu dapat kita atur sesuai dengan keinginan kita sebagai pemilik blog. Bukan hanya itu, jika tahu cara menempatkanya, kursor bisa ditampilkan dengan bentuk berbeda pada setiap bagian dari blog.
Sebagai contoh, coba anda arahkan kursor pada blog EPG Studio ke seluruh bagian tampilan blog. Anda akan melihat adanya pergatian kursor setiap anda memindahkan kursor ke bagian lain dari blog.

Jika hal itu menurut anda bagus dan layak dipasang pada blog anda, ikuti tips dibawah ini.
  1. Ganti tampilan kursor melalui Edit HTML caranya seperti ini :

    1. Masuk ke dasbor
    2. Pilih Rancangan (Tata Letak) bagian tab Edit HTML.
    3. Cari kode : body { kemudian tambahkan kode ini tepat dibawah kode 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) bagian tab Elemen Halaman
    3. Klik Tambah Gadget - Pilih HTML/Javascript.
    4. Copy kode 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.

  3. Catatan : untuk dua cara diatas memiliki sedikit perbedaan :
    1. Cara pertama kursor berupa image akan berubah menjadi 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 bagian lain.
Setelah berhasil mengganti tampilan kursor dari salah satu cara diatas, coba anda pasang tampilan kursor di bagian lain pada blog anda.
  1. Ganti tampilan kursor pada bagian post.
    1. Masuk ke Rancangan/Tata Letak bagian Edit HTML
    2. Cari kode seperti ini .post { untuk template Tata Letak atau kode ini .main-inner .Blog { untuk template baru
    3. Copy kode dibawah ini kemudian paste tepat dibawah kode 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 bagian post anda.

  2. Mengganti kursor pada bagian sidebar
    1. Anda harus tahu jumlah sidebar pada blog anda agar tiap sidebar kursornya berbeda tampilan.
    2. Masuk ke Rancangan/Tata Letak bagian Edit HTML
    3. Cari kode seperti ini .sidebar-wrapper .widget{ untuk template Tata Letak atau kode ini .sidebar .widget a:hover { untuk template baru
    4. Copy kode dibawah ini kemudian paste tepat dibawah kode 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 bagian sidebar blog anda anda.
Ganti alamat kursor pada kode-kode diatas. Alamat kursor yang berwarna kuning.
Jangan lupa bedakan antara kursor pada satu bagian dengan bagian lain dari blog anda agar terlihat lebih menarik.
Dari contoh-contoh diatas, anda juga dapat mengganti kursor pada seluruh bagian blog lainnya. Silahkan anda pelajari cara diatas untuk menempatkan kursor pada bagian lain di blog.

Selamat mencoba, semoga bermafaat...!!!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
5 Comments

5 komentar :

Tri denda mengatakan...

Beuhh.... KEUUUUUUUUUUUUUREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEENNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN..............

Saya COba ya..... TIPS NYA...

Zhafira's Blog mengatakan...

gabisa ganti anak panahnyaaaaaaaaaaaaa-_-------

Bocah Nekat mengatakan...

Kak Maw gak Gabung ama blog saya ..

http://bizanniusz-xp.blogspot.com/
Jadiin saya sahabat kak ea

rizky saputra mengatakan...

Top,,saya coba gan..
thx info nya

Muhammad Zulfi Rahmanzi mengatakan...

terima ksih gan info yg bermanfaat
kunjungi balik blog saya

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!