Cara Mengganti Cursor Blog

Ada yang ingin mengganti cursor (Kursor) blog blogger dengan tampilan cursor yang lain ????

Mungkin teman ingin membuat blog blogger yang teman miliki lebih cantik dengan kursor yang unik, atau yang teman inginkan, misalnya dengan gambar sepertini
atau dengan gambar yang lain.
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
body {
background:#xxxxx;
font-size: xxxxx;
font-family: xxxxx;
dst.... 
}
Kode yang terpenting di temukan adalah kode body { background: Jika kode tersebut sudah ditemukan silakan tambahkan kode berikut sebelum tanda
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
Sehingga nanti jadinya seperti ini
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 menggunakan semua kode ini maka cursor blog teman akan berubah menjadi gambar daun (seperti gambar di atas)

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

43 comments:

  1. kok template nya ikut ilang siihh???
    gmna nieh???
    penerangan nya om...
    thanks

    ReplyDelete
  2. wah tq om, tapi kok klo diarahkan ke link berubah jadi tangan lg?
    bsa permanen ga?

    ReplyDelete
  3. @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
    }

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. kagak bisa dahh ?? w pake yg CSS a:hover .. qo kaga bisa berubah sih cursornya

    ReplyDelete
  6. 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;

    ReplyDelete
  7. @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;

    ReplyDelete
  8. background nya gaka da angka adanya fff jadi itu dirubah atau tdk

    ReplyDelete
  9. hahahaha makasih sobat yes berubah,. iya tapi klo link lain kok jadi tangan lagi,. dan panduan di atas juga gak paham

    ReplyDelete
  10. @Muzayyanah ntar deh kalo ada waktu saya coba tuliskan artikel tentang itu.

    ReplyDelete
  11. 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???

    ReplyDelete
  12. ko kode bodynya gak ada di html saya si, mohon bantuannya?
    apa saya harus ganti template??? bingung???

    ReplyDelete
  13. 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
  14. @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;

    ReplyDelete
  15. wah mantab sobat tutorialna... udah dicoba work 100 %

    ReplyDelete
  16. yg gk bisa , berarti gk ngerti :p gue aja bisa kok hahaaa :D :P

    ReplyDelete
  17. tolong bagi'in HTMLnya aja om sekalian yang banyak nan indah/bagus
    thanks

    ReplyDelete
  18. gan punya ane kok ga bisa d ganti dgn yg laen cursornya??
    ane 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...

    ReplyDelete
  19. blogwalking gan, salam kenal

    ReplyDelete
  20. @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.

    ReplyDelete
  21. oks gan siipp...matur suwunn..

    ReplyDelete
  22. gmn sih caranya? susah gan! ada cara yg lebih mudah gk?
    aku uda coba tp gk bisa??? :(

    ReplyDelete
  23. Gmn nih!!!......kok gak bisa ....udah di ulang-ulangi tetap aja gak muncul gan..!!!!!...Ada cara lain gak yang mudah ..????

    ReplyDelete
  24. gan gg berhasil nih..............
    gmn gan?????????????
    udah aku coba berulang ulang,ehhhhhh tapi gg bisa jg.ada yang lebih mudah gg????

    ReplyDelete
  25. mana kok ga bisa bisa si? aku ga ada body nya trs gmn dong?

    ReplyDelete
  26. Cara yang lebih mudah ada dan sudah saya tuliskan, link nya juga sudah saya sertakan pada halaman ini (di akhir tutorial). Silakan dibaca dengan teliti.

    ReplyDelete
  27. sip banget gan bisa di kombinasikan di java skrip bisa di Rancangan bisa jadi kursor bisa dobel....keren...

    ReplyDelete
  28. trimakasih atas infonya......

    ReplyDelete
  29. Gan,,, keren" artikelnya "" ..

    ReplyDelete
  30. thank infonya.. saya coba dulu..

    ReplyDelete
  31. terimakasih ya infonya saya coba ahh

    ReplyDelete