Kamis, 09 Mei 2013
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.
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.
- Ganti tampilan kursor melalui Edit HTML caranya seperti ini :
- Masuk ke dasbor
- Pilih Rancangan (Tata Letak) bagian tab Edit HTML.
- Cari kode :
body {kemudian tambahkan kode ini tepat dibawah kodebody {cursor: url("https://picasaweb.google.com/110667291707517219649/IMAGETUTORIAL2#5729338440284600194"), default; - Simpan template.
- Lihat blog.
- Ganti tampilan kursor melalui tambah Gadget
- Masuk ke dasbor
- Pilih Rancangan (Tata Letak) bagian tab Elemen Halaman
- Klik Tambah Gadget - Pilih HTML/Javascript.
- 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> - Simpan perubahan
- Lihat blog.
Catatan : untuk dua cara diatas memiliki sedikit perbedaan : - Cara pertama kursor berupa image akan berubah menjadi tampilan tangan sewaktu diatas link.
- Cara kedua tampilan kursor berupa image tidak akan berubah walaupunn berada diatas sebuah link.
- 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.
- Ganti tampilan kursor pada bagian post.
- Masuk ke Rancangan/Tata Letak bagian Edit HTML
- Cari kode seperti ini
.post {untuk template Tata Letak atau kode ini.main-inner .Blog {untuk template baru - 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; - Simpan template.
- Lihat kursor pada bagian post anda.
- Mengganti kursor pada bagian sidebar
- Anda harus tahu jumlah sidebar pada blog anda agar tiap sidebar kursornya berbeda tampilan.
- Masuk ke Rancangan/Tata Letak bagian Edit HTML
- Cari kode seperti ini
.sidebar-wrapper .widget{untuk template Tata Letak atau kode ini.sidebar .widget a:hover {untuk template baru - 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; - Simpan template.
- Lihat kursor pada bagian sidebar blog anda anda.
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...!!!
Posting Komentar