Cara Mengganti Cursor Blog

Cara Mengganti Cursor Blog

Ahmad Rifai Posted by at
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
Label:
Share this:

43 comments:

  1. KIR SMPN 2 SUKOWONONovember 13, 2011 at 9:41 PM

    gag bisa

    ReplyDelete
  2. Rizal Screeamo DeatthNovember 23, 2011 at 2:58 PM

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

    ReplyDelete
  3. Bang JakDecember 8, 2011 at 7:28 PM

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

    ReplyDelete
  4. Ahmad RifaiDecember 9, 2011 at 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
    }

    ReplyDelete
  5. UnknownDecember 16, 2011 at 7:35 AM

    kagak isa.... :(

    ReplyDelete
  6. adhie cidodolDecember 21, 2011 at 2:06 PM

    This comment has been removed by the author.

    ReplyDelete
  7. adhie cidodolDecember 21, 2011 at 2:22 PM

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

    ReplyDelete
  8. niCoDecember 24, 2011 at 9:28 AM

    bisa..thanks gan..

    ReplyDelete
  9. gustia kiranaJanuary 12, 2012 at 5:31 PM

    kok gak berubah??!!

    ReplyDelete
  10. Ahmad RifaiJanuary 12, 2012 at 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;

    ReplyDelete
  11. UnknownJanuary 14, 2012 at 1:33 AM

    Matur nuwun, sobat ....

    ReplyDelete
  12. Zanaskal Is AnaskalJanuary 21, 2012 at 1:58 AM

    Kok templatenya jadi ancur .. (!_!)

    ReplyDelete
  13. Ahmad RifaiJanuary 21, 2012 at 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;

    ReplyDelete
  14. I'm-adinarJanuary 22, 2012 at 9:34 AM

    cursornya g ada yg lain y????

    ReplyDelete
  15. MuzayyanahJanuary 23, 2012 at 5:04 PM

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

    ReplyDelete
  16. MuzayyanahJanuary 23, 2012 at 5:10 PM

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

    ReplyDelete
  17. Ahmad RifaiJanuary 24, 2012 at 12:09 AM

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

    ReplyDelete
  18. Ghufy andDJanuary 25, 2012 at 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???

    ReplyDelete
  19. Ghufy andDJanuary 25, 2012 at 8:58 PM

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

    ReplyDelete
  20. Nizwa AyuniJanuary 26, 2012 at 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??

    ReplyDelete
  21. Ahmad RifaiJanuary 27, 2012 at 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;

    ReplyDelete
  22. Rozinul HaqFebruary 11, 2012 at 10:10 PM

    thank yah

    ReplyDelete
  23. Zona EksisFebruary 11, 2012 at 11:02 PM

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

    ReplyDelete
  24. Asri DestianiFebruary 12, 2012 at 1:10 PM

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

    ReplyDelete
  25. FebiFebruary 13, 2012 at 5:25 PM

    Tq tq!!thx bgt lho!!

    ReplyDelete
  26. Muhammad Teguh SinulinggaMarch 4, 2012 at 10:47 AM

    gan gak ada kursor yg lain?

    ReplyDelete
  27. AnonymousMarch 11, 2012 at 12:10 PM

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

    ReplyDelete
  28. Julian fashaMarch 16, 2012 at 3:19 PM

    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
  29. AnonymousMarch 16, 2012 at 6:58 PM

    blogwalking gan, salam kenal

    ReplyDelete
  30. Ahmad RifaiMarch 16, 2012 at 10:25 PM

    @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
  31. yuliMarch 28, 2012 at 5:23 PM

    oks gan siipp...matur suwunn..

    ReplyDelete
  32. black_cybergunzMarch 29, 2012 at 8:33 AM

    thx gan berhasil ..

    ReplyDelete
  33. rifahApril 25, 2012 at 3:26 PM

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

    ReplyDelete
  34. AzahraNFApril 25, 2012 at 3:26 PM

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

    ReplyDelete
  35. Poetri ImoetApril 25, 2012 at 3:26 PM

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

    ReplyDelete
  36. ♥ Ayu safirah ♥April 26, 2012 at 11:23 AM

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

    ReplyDelete
  37. Ahmad RifaiApril 26, 2012 at 9:48 PM

    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
  38. HuggengMay 4, 2012 at 2:50 AM

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

    ReplyDelete
  39. UnknownMay 17, 2012 at 9:25 AM

    trimakasih atas infonya......

    ReplyDelete
  40. AnonymousMay 31, 2012 at 1:56 PM

    Gan,,, keren" artikelnya "" ..

    ReplyDelete
  41. UnknownJune 12, 2012 at 11:49 AM

    Wah keren nih. makasih gan :D

    ReplyDelete
  42. UnknownJune 29, 2012 at 2:09 PM

    thank infonya.. saya coba dulu..

    ReplyDelete
  43. 9c cantikAugust 5, 2012 at 2:29 PM

    terimakasih ya infonya saya coba ahh

    ReplyDelete

Subscribe to: Post Comments (Atom)
    • Powered by Blogger.
    Powered by Blogger Template by Ahmad Rifai