Mungkin teman ingin membuat blog blogger yang teman miliki lebih cantik dengan kursor yang unik, atau yang teman inginkan, misalnya dengan gambar sepertini
Yah terserah lah, yang penting sesuai selera.
Jika ia, maka artikel ini perlu teman baca, perhatikan dan praktekkan ke blog atau situsnya.
Disini saya hanya akan menuliskan panduan cara mengganti kursor di blogger saja, heheeee
Panduan Cara Mengganti Cursor Blog Blogger
Langkah Pertama
Seperti biasa, silakan login ke dashboard blogger, kemudian klik Rancangan/Design => terus klik EDIT HTML.
Langkah Kedua
Temukan kode css, seperti ini
Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tandabody { background:#xxxxx; font-size: xxxxx; font-family: xxxxx; dst.... }
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),textJika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)body { background:#160500; cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text; font-size: xxxxx; font-family: xxxxx; dst.... }
Jika teman ingin mengganti gambar cursornya dengan gambar yang lain, silakan ganti kode yang saya beri warna purple dengan link gambar yang teman inginkan
Teman-teman bisa mencari gambar cursor lewat Google dengan mengetikkan kata kunci Free Cursor, Free Cursor For Website, dsb. Atau mau bikin cursor sendiri juga boleh.
Selamat mencoba dan semoga berhasil
Update !!!
Ada cara yang lebih mudah lho, silakan baca : Cara Mudah Merubah Cursor Blog Blogger
November 13, 2011 9:41 PM
gag bisa
November 23, 2011 2:58 PM
kok template nya ikut ilang siihh???
gmna nieh???
penerangan nya om...
thanks
December 8, 2011 7:28 PM
wah tq om, tapi kok klo diarahkan ke link berubah jadi tangan lg?
bsa permanen ga?
December 9, 2011 5:32 AM
@ZacKy : Kalo mau cursornya permanen (diarahkan ke link ga berubah jadi tangan silakan mas cari kode css Global Link nya. biasanya seperti ini kode nya.
a:hover {
text-decoration:XXXXXX;
color: XXXXXX;
}
Note [XXXXXX itu ga ada lho biasanya :-)]
Jika udah ketemu silakan masukkan kode ini :
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text
Sehingga menjadi seperti ini :
a:hover {
text-decoration:XXXXXX;
color: XXXXXX;
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text
}
December 16, 2011 7:35 AM
kagak isa.... :(
December 21, 2011 2:06 PM
December 21, 2011 2:22 PM
kagak bisa dahh ?? w pake yg CSS a:hover .. qo kaga bisa berubah sih cursornya
December 24, 2011 9:28 AM
bisa..thanks gan..
January 12, 2012 5:31 PM
kok gak berubah??!!
January 12, 2012 10:03 PM
silakan di cek lagi mba apa kodenya sudah benar.
apakah kodenya sudah di pasang di bagian body.
Di atas itu cuma contoh, kode yang harus di tanam adalah
;cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;
January 14, 2012 1:33 AM
Matur nuwun, sobat ....
January 21, 2012 1:58 AM
Kok templatenya jadi ancur .. (!_!)
January 21, 2012 7:45 PM
@Zanaskal Is Anaskal mungkin ada sedikit kode yang kehapus.
kode css yang kurang bisa mengakibatkan seluruh tampilan jadi hancur.
Contoh:
body {
background:#160500;
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;
}
Kurang kode } saja bisa membuat tampilan hancur. Maksudnya kode yang ada cuma seperti ini:
body {
background:#160500;
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;
January 22, 2012 9:34 AM
cursornya g ada yg lain y????
January 23, 2012 5:04 PM
background nya gaka da angka adanya fff jadi itu dirubah atau tdk
January 23, 2012 5:10 PM
hahahaha makasih sobat yes berubah,. iya tapi klo link lain kok jadi tangan lagi,. dan panduan di atas juga gak paham
January 24, 2012 12:09 AM
@Muzayyanah ntar deh kalo ada waktu saya coba tuliskan artikel tentang itu.
January 25, 2012 8:54 PM
ko kode ini gak ada di html blog saya si, mohon bantuannya.???
;cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;
apa saya harus ganti tamplate???
January 25, 2012 8:58 PM
ko kode bodynya gak ada di html saya si, mohon bantuannya?
apa saya harus ganti template??? bingung???
January 26, 2012 8:59 AM
gann.. di blogku gak ada kode body { background: nya gan.. kalo kode body { doank ada. tapi jauh banget jaraknya sama kode background: . jadi dimana nih gan aku naruh kode kursornya??
January 27, 2012 8:23 PM
@cerita ghufron kalau tidak ada langsung saja tambahkan kode ini
body {
background:#160500;
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;}
sebelum kode ]]></b:skin>
@Nizwa Ayuni tidak perlu dekat sama kode background:
itu cuma contoh saja, bisa saja langsung dipasang setelah kode body {
masukkan kode
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;
February 11, 2012 10:10 PM
thank yah
February 11, 2012 11:02 PM
wah mantab sobat tutorialna... udah dicoba work 100 %
February 12, 2012 1:10 PM
yg gk bisa , berarti gk ngerti :p gue aja bisa kok hahaaa :D :P
February 13, 2012 5:25 PM
Tq tq!!thx bgt lho!!