Cara Mengganti Cursor Mouse (Pointer ) Part 2

Bermain di Part 2 ni sob... heheheh. Tadi ane baru aja mosting tutorial tentang Cara Mengganti Background Kotak Komentar dengan Gambar sekarang ane akan kembali membahas tentang Cara Mengganti Kursor Mouse (Pointer) Part 2. Kenapa harus Part 2?? Karena sebelumnya ane juga sudah pernah mosting artikel yang sama. Bisa dicek DISINI. 

Seperti yang kita tahu sob, kalau secara default Cursor Blog itu berbentu tanda panah. Tentu saja kita menginginkan nuansa yang berbeda dengan terus mencari tutorial-tutorial tentang design blog dan salah satunya adalah mengenai tampilan kursor ini. Nah, kalau sobat ingin mengganti tampilan Cursor di Blog sobat dengan tampilan yang lebih menarik, ikuti saja langkah-langkah berikut :

1. Login ke Blogger dengan ID sobat

2. Di Dasbor, klik tab Template lalu Edit Template HTML --> Expand Widget Templates

3. Cari kode berikut :

body {
    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    }

a:link {
    color:$linkcolor;
    text-decoration:none;
    }

a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }

a:hover {
    color:#000;
    text-decoration:underline;
    }

4. Kalau sudah ketemu, tambahkan kode  cursor: url(URL GAMBAR CURSOR), progress; sehingga akan menjadi

body {
    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    cursor: url(URL GAMBAR CURSOR), progress;}

a:link {
    color:$linkcolor;
    text-decoration:none;
    }

a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }

a:hover {
    color:#000;
    text-decoration:underline;
    cursor: url(URL GAMBAR CURSOR), progress;}

5. Simpan Template dan lihat hasilnya

Keterangan : Cursor pada tag body adalah kursor default di blog kita, Cursor pada tag a:hover adalah kursor yang mengarah pada link. Sobat ganti tulisan yang berwarna biru (URL GAMBAR CURSOR) dengan url kursor yang sobat inginkan. Kalau belum mempunyai referensi buat url kursornya bisa di cari di TotallyFreeCursors, 123cursors dan Cursors-4u

Selamat mencoba sob....

Salam,