counters

Minggu, 29 Desember 2013

MENGGANTI PENAMPILAN KURSOR

Berbagi Sejarah Dunia - Secara default penampilan kursor adalah berupa anak panah yang kadang membosankan.
Untuk menghindari itu, sobat dapat menggantikan kursor dengan penampilan yang berbeda dan sesuai dengan kehendak sobat. Misalnya kursor yang ada pada EPG Studio atau bentuk penampilan lainnya.
Yang paling penting, sobat harus memiliki sebuah alamat image yang akan dijadikan kursor.
Contoh alamat image :


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


Alamat tersebut milik EPG Studio yang juga digunakan sebagai kursor EPG Studio.Sobat ingin mengganti kursor pada blog Sobat...???
Ini langkah-langkahnya :

CARA PERTAMA

  1. Masuk ke Blogger dengan ID sobat.
  2. Masuk ke bagian Rancangan dan pilih Edit HTML.
  3. Cari kode dibawah ini pada template blog sobat.
    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 biru (alamat image) dengan alamat yang sobat inginkan

  6. Penempatan selengkapnya, lihat dibawah ini : (perhatikan yang berwarna biru)
    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 sobat sekarang...!!!

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 biru dengan alamat cursor yang ingin sobattampilkan.
  4. Simpan.
Nah, mudah kan sob....
Semoga bermanfaat..

0 komentar:

Posting Komentar

Komentar Sobat sangat berharga buat Ane...

Thankss Sob..