memasang 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;


    1. Simpan template.
    2. Lihat blog.

  1. 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>
3.     

    1. Simpan perubahan
    2. Lihat blog.

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;
    1. Simpan template.
    2. Lihat kursor pada bagian post anda.

  1. 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;
    1. Simpan template.
    2. 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...!!!

Previous
Next Post »

1 komentar:

Click here for komentar
February 10, 2016 at 1:37 PM ×


mantap INFO nya sangat membantu ane
di tunggu update info terbaru nya gan
terima kasih

Selamat judi bola online dapat PERTAMAX...! Silahkan antri di pom terdekat heheheh...
Balas
avatar
admin

Terima telah berkunjung dan meniggalkan komentar di blog sederhana ini..!

NB :
1. Jangan berkomentar SPAM
2. Jangan meninggalakan LINK aktif karna otomatis akan terhapus.
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon

Thanks for your comment
Widget by