MENGGANTI PENAMPILAN KURSOR PADA BLOG

Secara default penampilan kursor adalahberupa anak panah yang kadang membosankan.
Untuk menghindari itu, anda dapat menggantikan kursor dengan penampilan yang berbeda dan sesuai dengan kehendak anda. Misalnya kursor yang ada pada Takalar Injection atau bentuk penampilan lainnya.
Yang paling penting, anda harus memiliki sebuah alamat image yang akan dijadikan kursor.
Contoh alamat image :




http://img163.imageshack.us/img163/5311/arrowq.gif


Alamat tersebut milik Takalar Injection yang juga digunakan sebagai kursor Takalar injection.Anda ingin mengganti kursor pada blog anda...???
Ini langkah-langkahnya :

CARA PERTAMA
  1. Masuk ke Blogger dengan ID anda.
  2. Masuk ke bagian Rancangan dan pilih Edit HTML.
  3. Cari kode dibawah ini pada template blog anda

    body {
    background:#15222b;
    margin:0;
    color:$textcolor;
    font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

  4. Tambahkan kode ini

    cursor: url("http://img163.imageshack.us/img163/5311/arrowq.gif"), default;


    tepat dibawah kode body {
  5. Ganti kode yang berwarna kuning (alamat image) dengan alamat yang anda inginkan

  6. Penempatan selengkapnya, lihat dibawah ini : (perhatikan yang berwarna kuning)

    body {
    cursor: url("http://img163.imageshack.us/img163/5311/arrowq.gif"), default;
    background:#15222b;
    margin:0;
    color:$textcolor;
    font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

  7. Klik Tombol Simpan Template.
  8. Lihat penampilan kursor blog anda sekarang...!!!
  9. Sebagai bahan acuan kunjungi alamat ini untuk melihat ragam kursor

CARA KEDUA
  1. Masuk ke Dasbor - Rancangan (Tata Letak) - Tambah Gadget - Pilih HTML/JavaScript.
  2. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.

    <style type="text/css">body, a:hover {cursor: url(http://img163.imageshack.us/img163/5311/arrowq.gif), progress;} style="position:absolute; top: 0px; right: 0px;</style>

  3. Ganti kode yang berwarna kuning dengan alamat cursor yang ingin anda tampilkan.
  4. Simpan.

1 komentar:

Bowl sink said...

http://mappasewa.blogspot.in/2012/05/cara-membuat-bagian-blog-berkedip-saat.html?showComment=1341401368945#c1439434038162918957

Post a Comment