14/01/12

Cara Mengganti Cursor di Blogspot

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamu'alaikum sahabat WM..
Lagi-lagi.. kita percantik blog. Sahabat WM bisa lihat dong ya.. cursor yang ada di blog WM ini..,cantik kan..? he.. setidaknya g' panah putih biasa . Sahabat WM ingin tau bagaimana cara ganti cursornya..?
Nich.. WM kasih tau gimana caranya.., semoga sukses menggantinya.. !



Bagi yg baru ngeblog nich.. pastinya pengen dunk tampilan blognya lebih keren,lebih enak dilihat..
ana punya sedikit tips nich.. gimana biar tampilan blognya sdikit lebih menarik,salah satu caranya a/d dengan mengganti model cursor.. (ini khusus u/pengguna blog di blogspot yach.. karena ana pake nya blogspot)
bosen yach.. lihat cursor yang bentuknya dimana-mana selalu j berbentuk panah putih..,di komputer sekolah,komputer kampus,komputer  kantor,komputer warnet,sampaaaaaaai komputer sendri atau laptop sendiri mungkin masih banyak yg make si panah putih...
nah.. kali ini kita akan coba u/menggantinya..,tapiiii... he.. ini khusus u/blog ajaaa..,ayuk atuh yg belum punya blog dibikin dulu blognya..,nanti biar di design secantik mungkin.. sesuai karakter masing-masing..
yuuuk.. mari kita mulai..
  1. Pastikan dl kalau sinyalnya lagi kuat n bagus yach..,karena sinyal tersendat bisa bikin badmood n males u/coba lagi jika gagal.. he..
  2.  LOGIN dl ke bloger . Pastikan itu bloger kita..,bukan punya temen,saudara,karib,kerabat,nenek,kakek,huuufff... sudahlah...
  3. Pilih menu TEMPLATE ,kemudian di bagian Live On blog.. pilih Edit HTML. (siiip.. udah ketemu khaan sm edit HTML nyaaa..???)
  4. pas edit HTML,pasti ketemu tulisan yang kayak begini nich.. 

Directly editing HTML may affect the way some features work and is only recommended for advanced users. Editing template HTML may unpredictably affect other Blogger features. We recommend using the Template Designer first, where you can Add CSS under the Advanced section. 

Lalu dibarengi dengan pilihan Proceed dan Cancel..

nah.. pilih Proceed

5. Setelah itu lihat di bagian kiri atas ada tulisan Expand Widget Templates,Centang dikolom bagian kiri tulisan itu.
6.Cari baris body { , agar lebih mudah mencarinya silahkan tekan ctrl+F lalu lihat di layar bagian bawah ada kolom kosong ,tinggal tulis dech disana body {,maka nanti akan ditunjukkan dimana bagian body { it berada .
Kalau yang ana punya,bentuknya seperti ini niiich.. 
/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
 }
(Perhatian : CSS dari body di atas adalah punya ana,belum tentu CSS  dari body punya teman-teman bloger akan sama dengan yang di atas,karena isi dari setiap template berbeda-beda. so.. perhatikan baik-baik yach..)  
7. Tambah baris sebelum tanda }
kira-kira seperti ini..
/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
 
 }
8.isi dech baris yang kosong itu dengan URL dari cursor yang di inginkan..
(Mm...? g' ngrti URL cursor itu yang mana.. n kyk apa,,,???) 
oke deeech.. ini ana kasih  URL yang bs langsung pake.. tinggal copast aja 
copy.. lalu paste dech tuch ke baris kosong tadi..
 
cursor: url("http://baykun.byethost15.com/cursorbiru.ico"),default;
Jika ingin cursor biru

cursor: url("http://baykun.byethost15.com/cursorpensil.ico"),default;
Jika ingin cursor pensil

cursor: url("http://baykun.byethost15.com/tangan.ico"),default;
Jika ingin cursor bentuk tangan
atau kalau mau model-model lainya yang lebih oke.. yach tinggal cari di google di www.cursorpedia.com,atau di penyedia layanan cursor lainnya.. oke..
9. habis di isi dengan URL cursor yang di inginkan..,selanjutnya tinggal klik Save Template.
10. Taaa Raaaaaaaaaaaa... selesai dech... hehehehehehe... gampang khaaan..
 

Tidak ada komentar:

Posting Komentar