Home » » Cara Mengganti Kursor Blog

Cara Mengganti Kursor Blog

Written By AiRa LoKa on Kamis, 14 Maret 2013 | 14:38

Cara Mengganti Kursor Blog

     Maaf nih AiRa LoKa best friend... akhir-akhir ini blog ini sedang mengalami masalah dengan top level domain saya yang ditutup, jadi mohon maaf ya... oke kembali ke permasalahan. Bagi anda para blogger yang mungkin sudah bosan dengan kursor blog anda yang tidak menarik karena tergantung apa kursor yang digunakan pengunjung blog anda. Oleh karena itu anda mencari artikel tentang cara mengganti kursor di blog kemudian anda sampai di sini. Dan anda sangat beruntung karena anda datang ke tempat yang tepat.

     Dan karena anda sudah jauh-jauh mengunjungi blog ini, maka saya mau langsung saja memberikan cara-caranya. Disini saya akan memberikan 2 cara, cara yang pertama melalui gadget, cara yang kedua adalah melalui edit html. Terserah anda mau menggunakan cara yang mana, tetapi saya menyarankan anda untuk menggunakan edit html. Hal ini disebabkan ada beberapa template yang memiliki frame pada gadgetnya maka akan muncul sebual garis yang sebenarnya adalah kursor. Nah, bagi yang mau coba, Lansung saja..
Cek It Out......

Cara Pertama, Menggunakan gadget:
1.  Masuk ke Blogger > Dashboard Blogger > Tata Letak. Kemudian klik "add gadget" lalu akan muncul popup, jangan ditutup. Cari tulisan HTML/ Javascript kemudian klik tanda + pada samping tulisannya.

2.  Setelah itu masukkan kode di bawah ini.
<style type="text/css">body{cursor: url("http://4.bp.blogspot.com/-BRNyRH3BVOs/T08VTbl5eoI/AAAAAAAAEK4/XB3bvnqYMqs/s400/bird_hair_t4belajarblogger.png"), auto;}body a:hover{cursor: url("http://4.bp.blogspot.com/-BRNyRH3BVOs/T08VTbl5eoI/AAAAAAAAEK4/XB3bvnqYMqs/s400/bird_hair_t4belajarblogger.png"), auto;}</style>
kode yang berwarna biru bisa anda ganti dengan url cursor anda.

3.  Simpan

Cara Kedua, Menggunakan Edit HTML:
1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Centang "expand template widget" kemudian cari kode </html> lalu letakkan kode dibawah ini sebelum kode </html>.
<style type="text/css">body{cursor: url("http://4.bp.blogspot.com/-BRNyRH3BVOs/T08VTbl5eoI/AAAAAAAAEK4/XB3bvnqYMqs/s400/bird_hair_t4belajarblogger.png"), auto;}body a:hover{cursor: url("http://4.bp.blogspot.com/-BRNyRH3BVOs/T08VTbl5eoI/AAAAAAAAEK4/XB3bvnqYMqs/s400/bird_hair_t4belajarblogger.png"), auto;}</style>
2. Simpan

Jika anda tidak merubah kode tersebut, kursor yang meuncul di blog anda akan menjadi seperti gambar dibawah ini
Cara Mengganti Kursor Blog

Untuk kursor-kursor yang lain, anda bisa cari di mbah google.

Selamat Mencoba!

5 komentar:

  1. Nice info...
    visit filefirman.blogspot.com

    BalasHapus
  2. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  3. mulai coba terapkan di blok aku
    http://allianzinfo.blogspot.com/

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger