Jumat, 23 Maret 2012

Cara Mengganti Atau Merubah Tampilan Kursor standar pada blog

Waktu saya tetangah mencari informasi tetang Kontes SEO "Betwin188.com Agen Bola Terbaik Dukung Anti Rasisme EURO 2012" Tak sengaja bertemu blog yang memilki tampilan kursor yang bagus dan saya tetarik mempelajari bagaimana kursor diblognya bisa dirubag, Master Chef Dapur Tutorial Blogspot akhirnya bertanya sama simbah Google dan mendapatkan jawaban yang sangat banyak dari simbah.

Ternyata untuk memodifikasi  kursor setandar blog sangat mudah hanya perlu menambahkan beberapa kode pada template blog.

Berikut  langkah-langkah untuk mengganti kursor pada blog
  1. Pastikan Sobat Dapur sudah login menggunakan akun blogspot sobat
  2. Pilih Menu Layout atau Tata Letak
  3. Klik Tambah Gaget atau Add a Gadget
  4. Lalu pilih HTML/JavaScript
  5. Tambahkan kode berikut didalam Box HTML/JavaScript yang sudah sobat pilih tadi
    1. Kode ini Mengubah kursor standar tetapi tidak berubah saat kursor diatas link
    2. <style type="text/css">
      body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUG6f_0DuDhSj1Zl1vrQ5SdfZHimrwM4x1gSXvV7k0b3E3HoHXLBqkn0m4yHezNlA4pAgwPwM4C4wU7j9VGAveqCnhob5yCmmIGFJ9R6Im51g2DmBbKEG9ql_N-cXh9CAzXn38bZq7C_I/s320/kursor++2.png"), auto;}
      </style>
    3. Kode ini mengubah Kursor standar dan tetap berubah saat kursor diatas link
    4. <style type="text/css">
      body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUG6f_0DuDhSj1Zl1vrQ5SdfZHimrwM4x1gSXvV7k0b3E3HoHXLBqkn0m4yHezNlA4pAgwPwM4C4wU7j9VGAveqCnhob5yCmmIGFJ9R6Im51g2DmBbKEG9ql_N-cXh9CAzXn38bZq7C_I/s320/kursor++2.png"), auto;}
      body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUG6f_0DuDhSj1Zl1vrQ5SdfZHimrwM4x1gSXvV7k0b3E3HoHXLBqkn0m4yHezNlA4pAgwPwM4C4wU7j9VGAveqCnhob5yCmmIGFJ9R6Im51g2DmBbKEG9ql_N-cXh9CAzXn38bZq7C_I/s320/kursor++2.png"), auto;}
      </style>
  6. Klik Simpan
  7. Selesai dan Lihat Hasilnya
Apabila Sobat belum memiliki URL mouse sendiri, Dapur Tutorial Blogspot memiliki beberapa URL kursor yang bisa sobat dapur Tutorial Blogspot Gunakan Dibawah ini :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcwgHuSenA4AGz0Kt5Fo6NK43GubfEBXXIDRs-jx-Q415VSSStBB-Zm5XBRW7tBxcA_5CLxcYKBmGywy2R2lvr8vogV7PsktcHnfpzwxgj16sSjM937pPhaQJxWHMihUSnkwNmho-kRqi2/s320/kursor+1.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUG6f_0DuDhSj1Zl1vrQ5SdfZHimrwM4x1gSXvV7k0b3E3HoHXLBqkn0m4yHezNlA4pAgwPwM4C4wU7j9VGAveqCnhob5yCmmIGFJ9R6Im51g2DmBbKEG9ql_N-cXh9CAzXn38bZq7C_I/s320/kursor++2.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivwx1JhysAdKQ4NIjj0L9_6Ltp-_DTjhQ7R_F9XxRd4JGN8UmlH62obkg6gLbc6-V4NVRifMYE7FgrKPnQc9cQ5WXi1pDZu998xYxyBqVTwQfir4OS8hj6hLcFJUtEh1YUrJ3wqKhWJoSC/s320/kursor++3.png
Demikian Tutorial Blog tentang Cara Mengganti Atau Merubah Tampilan Korsor standar pada blog Semoga bisa membantu Sahabat blogger semuanya.

Tidak ada komentar:

Posting Komentar