Mungkin teman ingin membuat blog blogger yang teman miliki lebih cantik dengan kursor yang unik, atau yang teman inginkan, misalnya dengan gambar sepertini
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5XBMlMz0GdxLZGLC4UbcQth7Bt3ZgLwt_Bs1gioroMTU7wnuKwCus-9xEVUhh4IkVGFha_fRctmaVhp-bxQWMW26eOdEaxH3Zl-c5mmlcz-Mgg_8Uvm_L6YU1taATIIp7lr4EpK-cMfa/s1600/jasablogsitus-web-id.gif)
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.... }
Sehingga nanti jadinya seperti inicursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5XBMlMz0GdxLZGLC4UbcQth7Bt3ZgLwt_Bs1gioroMTU7wnuKwCus-9xEVUhh4IkVGFha_fRctmaVhp-bxQWMW26eOdEaxH3Zl-c5mmlcz-Mgg_8Uvm_L6YU1taATIIp7lr4EpK-cMfa/s1600/jasablogsitus-web-id.gif'),text
Jika teman menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)body { background:#160500; cursor: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5XBMlMz0GdxLZGLC4UbcQth7Bt3ZgLwt_Bs1gioroMTU7wnuKwCus-9xEVUhh4IkVGFha_fRctmaVhp-bxQWMW26eOdEaxH3Zl-c5mmlcz-Mgg_8Uvm_L6YU1taATIIp7lr4EpK-cMfa/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
gag bisa
ReplyDeletekok template nya ikut ilang siihh???
ReplyDeletegmna nieh???
penerangan nya om...
thanks
wah tq om, tapi kok klo diarahkan ke link berubah jadi tangan lg?
ReplyDeletebsa permanen ga?
@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.
ReplyDeletea: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
}
kagak isa.... :(
ReplyDeleteThis comment has been removed by the author.
ReplyDeletekagak bisa dahh ?? w pake yg CSS a:hover .. qo kaga bisa berubah sih cursornya
ReplyDeletebisa..thanks gan..
ReplyDeletekok gak berubah??!!
ReplyDeletesilakan di cek lagi mba apa kodenya sudah benar.
ReplyDeleteapakah 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;
Matur nuwun, sobat ....
ReplyDeleteKok templatenya jadi ancur .. (!_!)
ReplyDelete@Zanaskal Is Anaskal mungkin ada sedikit kode yang kehapus.
ReplyDeletekode 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;
cursornya g ada yg lain y????
ReplyDeletebackground nya gaka da angka adanya fff jadi itu dirubah atau tdk
ReplyDeletehahahaha makasih sobat yes berubah,. iya tapi klo link lain kok jadi tangan lagi,. dan panduan di atas juga gak paham
ReplyDelete@Muzayyanah ntar deh kalo ada waktu saya coba tuliskan artikel tentang itu.
ReplyDeleteko kode ini gak ada di html blog saya si, mohon bantuannya.???
ReplyDelete;cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text;
apa saya harus ganti tamplate???
ko kode bodynya gak ada di html saya si, mohon bantuannya?
ReplyDeleteapa saya harus ganti template??? bingung???
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??
ReplyDelete@cerita ghufron kalau tidak ada langsung saja tambahkan kode ini
ReplyDeletebody {
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;
thank yah
ReplyDeletewah mantab sobat tutorialna... udah dicoba work 100 %
ReplyDeleteyg gk bisa , berarti gk ngerti :p gue aja bisa kok hahaaa :D :P
ReplyDeleteTq tq!!thx bgt lho!!
ReplyDeletegan gak ada kursor yg lain?
ReplyDeletetolong bagi'in HTMLnya aja om sekalian yang banyak nan indah/bagus
ReplyDeletethanks
gan punya ane kok ga bisa d ganti dgn yg laen cursornya??
ReplyDeleteane skrng pake punya agan yg d atas
cursor: url('http://3.bp.blogspot.com/-f83GJSJeXw4/TkCIJo2nRKI/AAAAAAAAABU/WZFhGqHwJFw/s1600/jasablogsitus-web-id.gif'),text
trus ane mo ganti gdn yg ini
http://downloads.totallyfreecursors.com/thumbnails/angelfly2.gif
kok ga bisa?
penulisannya bener kan mcm gini??
cursor: url('http://downloads.totallyfreecursors.com/thumbnails/angelfly2.gif'),text
kesalahannya d mna??
mohon petunjuknya gan...
blogwalking gan, salam kenal
ReplyDelete@Eflianda Silakan dicek dulu url gambarnya apa sudah benar, dengan cara membukanya di browser, apakah gambarnya bisa dilihat apa enggak, tadi saya buka url gambarnya tidak ada gambarnya, itulah sebabnya cursornya juga tidak ada.
ReplyDeleteoks gan siipp...matur suwunn..
ReplyDeletethx gan berhasil ..
ReplyDeletegmn sih caranya? susah gan! ada cara yg lebih mudah gk?
ReplyDeleteaku uda coba tp gk bisa??? :(
Gmn nih!!!......kok gak bisa ....udah di ulang-ulangi tetap aja gak muncul gan..!!!!!...Ada cara lain gak yang mudah ..????
ReplyDeletegan gg berhasil nih..............
ReplyDeletegmn gan?????????????
udah aku coba berulang ulang,ehhhhhh tapi gg bisa jg.ada yang lebih mudah gg????
mana kok ga bisa bisa si? aku ga ada body nya trs gmn dong?
ReplyDeleteCara yang lebih mudah ada dan sudah saya tuliskan, link nya juga sudah saya sertakan pada halaman ini (di akhir tutorial). Silakan dibaca dengan teliti.
ReplyDeletesip banget gan bisa di kombinasikan di java skrip bisa di Rancangan bisa jadi kursor bisa dobel....keren...
ReplyDeletetrimakasih atas infonya......
ReplyDeleteGan,,, keren" artikelnya "" ..
ReplyDeleteWah keren nih. makasih gan :D
ReplyDeletethank infonya.. saya coba dulu..
ReplyDeleteterimakasih ya infonya saya coba ahh
ReplyDelete