Pasang Cursor Animasi Pada Blog Blogger

Posting kali ini adalah tentang bagaimana cara mempercantik blog dengan membuat cursor nya menjadi animasi,Memang sebagian blogger memanfaatkan cara ini untuk membuat blognya agar tampil beda dengan yang lain,iy mungkin saya karna keunikannya dalam bentuk animasi yang dia buat,anda pun tentu saja bisa membuat animasi dengan kreasi anda sendiri,yang penting adalah anda bisa menguasai Software-software animasi yang ada,tidak perlu animasi juga tidak apa-apa sebenarnya,contohnya anda memakai gambar foto anda juga bisa,yang penting dalam format file image seperti JPG,GIF dll.
Tapi saya tidak menggunakan tutorial ini blog saya karna saya rasa sudah cukup untuk mengedit-edit blog,ya paling tidak sederhanalah,saran saya adalah anda jangan terlalu membebani blog dengan widget yang telah disediakan karna sebagian besar widget memang berat,dan siapa tahu blog anda sulit untuk di akses karna terlalu banyak editan..

Langsung saja ah,ikutin saja langkah-langkah dibawah.

• Siapkan gambar yang anda ingin jadikan cursor pada blog anda.
• Kode untuk menyisipkan cursor adalah

 

cursor: url(“http://Example.com/cursor.ani”);

• Jadi artinya anda hanya perlu menambahkan CSS dari kode 

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

• Dan anda hanya perlu menambahkannya kode cursor yang tadi,sehingga menjadi seprti dibawah.

body{
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
cursor: url(“http://Example.com/cursor.ani”);
}

• Sudah Selesai...

Untuk pemasangan pada blogger anda hanya perlu mengikuti langkah-langkah dibawah ini.

• Seperti biasa,anda harus sudah mempunyai akun bogger bila belum daftar saja dulu di blogger,bagi yang sudah punya login saja dengan ID anda sendiri.
• Pergi ke Tata Letak - Edit Html
• Lalu anda harus mencari kode body{ untuk menyisipkan kode yang tadi di bagian kode body.
• Bila sudah ketemu anda hanya perlu menambahan kode gambar anda dibagian bawah kode body,contohnya seperti dibawah ini,tapi ingat tambahkan dulu kode ini cursor: url(“http://Example.com/cursor.ani”);

body{
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
cursor: url(“http://Example.com/cursor.ani”);
}

• Lihat kode yang berwarna merah,itu adalah alamat gambar,dan anda hanya perlu menggantinya dengan alamat gambar anda atau animasi anda.
• Bila sudah,tinggal anda simpai saja....dan selesai.

Mudah bukan,,,Jangan lupa kasih komentarnya..