}

Sabtu, 21 Agustus 2010

Cara Membuat Cursor Animasi

Haaaaaaaaaaaaahhhhhhhhh ……. Akhirnya Rido kembali lagi untuk melanjutkan postingan. Maaf ya, karena bulan puasa, jadi Rido Meivaldi mengucapkan selamat menunaikan ibadah puasa ya.Haaaaaaaaaaaaahhhhhhhhh ……. Akhirnya Rido kembali lagi untuk melanjutkan postingan. Maaf ya, karena bulan puasa, jadi Rido Meivaldi mengucapkan selamat menunaikan ibadah puasa ya.
Untuk membuat sebuah cursor animasi anda harus memiliki suatu gambar atau gambar cursor mouse yang ekstensi filenya .ico, .ani, dan lain – lain. Terserah anda saja, kalau anda ahli design grafis seperti Adobe Photoshop dan Corel Draw, anda bisa membuatnya sendiri. Kalau yang tidak bisa, jangan bersedih hati, karena banyak situs yang menyediakan gambar – gambar cursor mouse.
Baiklah, saya anggap anda semua sudah memiliki gambar kursor mouse. Langkah pertama adalah anda harus mengupload gambar tersebut ke tempat penyedia hosting gambar gratis seperti http://photobucket.com atau di blog anda sendiri juga bisa. Untuk cara mengupload sudah saya bahas, kalau ingin membacanya lagi silahkan klik disini !. catat alamat url gambar mouse tersebut. Contohnya saya mempunyai gambar kunai naruto yang bergerak, dan alamat urlnya seperti ini :


Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk kursor adalah sebagai berikut :
Cursor: url<”alamat gambar kursor”&rt;;
Sebagai contoh, jika saya menggunakannya dengan alamat kursor yang saya miliki akan menjadi seperti ini :
Cursor: url<””&rt;;
Langkah selanjutnya adalah memasukan kode html tadi kedalam template anda, ikuti langkah – langkah berikut ini :

Untuk template klasik :

1. Sign in di blogger
2. Klik menu template
3. Klik menu Edit Html
4. Copy seluruh kode template yang ada, kemudian paste di notepad untuk backup data
5. Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :


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



6. Sisipkan kode kursor tadi hingga menjadi seperti ini :



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("");
}



7. Klik tombol simpan perubahan template.
8. Selesai.


Untuk template baru :

1. Sign in di blogger ( ya udah pasti lah )
2. Klik menu rancangan
3. Klik menu Edit Html
4. Klik download template lengkap untuk backup data.
5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :



body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
}



6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :



body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
cursor: url("");
}



7. Klik tombol simpan template
8. Selesai.


Atau ada juga cara lain, yaitu di tempatkan di dalam kode <body&rt;, sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini :
<body style='CURSOR: url("")'&rt;


Saya rasa cukup, selamat menikmati .



1 komentar: