Minggu, Juli 25, 2010

Membuat kursor mouse unik pada blog

Minggu, Juli 25, 2010    6 comments

Memodivikasi blog sobat biar lebih oke, sobat dapat mengganti kursor mouse sobat dengan gambar kursor sesuai yang sobat inginkan, biar gak bosen. Kursor yang biasa-biasa aja…, oke deh.. klo sobat tertarik ikuti langkah ane ya…
1. Login ke Blogger + Rancangan/Tata Letak + Edit HTML
2. Kemudian sobat cari kode body { nah…untuk memudahkan pencarian sobat tekan Cntrl + F di keyboard sobat)

3. Setelah ketemu sobat letakkan Script dibawah ini di bawah kode body {
cursor:url("http://i705.photobucket.com/albums/ww58/rahma_assyamsury/0a32109c.gif"),text;

Tulisan yang warna Merah diatas dapat sobat ganti dengan alamat url gambar yang sobat kehendaki bisa juga milah milih icon kursor mouse disini atau sobat ingin mengganti dengan kode gambar di bawah ini yang ane sediain :
kupu-kupu = http://i705.photobucket.com/albums/ww58/rahma_assyamsury/d5d9a557.gif
Love = http://i705.photobucket.com/albums/ww58/rahma_assyamsury/f9718d7f.gif
Burung = http://i705.photobucket.com/albums/ww58/rahma_assyamsury/be9a1c64.gif

Nah kalau sobat masih ragu di pratinjau dulu…. Trus kalau sudah yakin, simpan ya..

6 komentar:

  1. Mufid4 Agustus 2010 pukul 16.32

    Thanks Mbak,postingan yang sedang saya cari ini.
    eh Mbak,mau tanya,kalau buat widget kaya punya mbak yang "BLOG TEMEN Q" itu gimana code html nya,kok bisa naik turun.?

    http://www.ahmad-mufid.co.cc/

    BalasHapus
  2. jasa konten media sosial11 Agustus 2010 pukul 17.29

    yapz sama2 ^_^< ooww itu mnggunakan marquee,agak sedikit memusingkan sih singkatnya misalna gini codena ya
    <div class="widget-content">
    <marquee direction="up" onmouseover="this.stop()" width="95%" scrollamount="2" onmouseout="this.start()" height="150" align="center">
    <ul>
    <li><a href="http://belajarbareng-barengyuk.blogspot.com/" target="_blank">Rahma Assyamsury</a></li><br />
    <li><a href="LINK BLOG REKAN SOBAT" target="_blank">NAMA REKAN SOBAT</a></li><br />
    <li><a
    href="LINK BLOG REKAN SOBAT="
    target="_blank>NAMA REKAN SOBAT</a
    href></li><br />
    </ul>
    </marquee>
    </div>

    begitu seterusnya,klo dalam blogspot simpan pada html/java sript :), moga bermanfaat

    BalasHapus
  3. Adhwaunnisa26 Desember 2010 pukul 02.38

    thnks mb,,,
    super simple tp bagus deh,,,,

    BalasHapus
  4. ezza Romeo5 Maret 2011 pukul 21.05

    askum mba kode body cursor:ur susah ya nemunya letakx dekat mana ??? trimmmmm

    BalasHapus
  5. jasa konten media sosial6 Maret 2011 pukul 15.21

    @ nurmala
    yupz sama2 :-)

    @ eza
    wskm untuk mncari body { dg CTRL + F maka akan km temukan, nah untuk cursor:url...itu bawaan dari cara mengubah icon kursor itu. kmu tidak akan menemukan sebelum mengkopinya kode ini :D

    cursor:url("http://i705.photobucket.com/albums/ww58/rahma_assyamsury/0a32109c.gif"),text;

    taro kode itu dibawah body {

    BalasHapus
  6. Run'd Techno3 Desember 2011 pukul 12.30

    mbak ..
    klo buat tab menu di bawah header sperti pnya mbak ni gmna ??
    kan pke sub menu ny tu ..
    kliatan ny lebih memudahkan para pngunjung blog ..
    mhon info nya mbak .

    BalasHapus

Langganan: Posting Komentar (Atom)