Berikut langkah-langkah yang harus sobat lakukan:
Mencari kursor gratis terlebih dahulu
Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang sobat inginkan dan membuanya siap ditempatkan dalam blogspot sobat:
- Untuk mencari situs penyedia kursor gratis, gunakan Search engine dengan penulisan kata kunci pencarian misalnya "free animated cursor" atau sobat bisa kunjungi situs http://www.cursorpedia.com/ untuk mendapatkannya
- Bila sobat telah menemukan situs yang tepat dan model kursor animasi yang sobat sukai, maka pastikan bahwa sobat memperoleh URL dari animasi tersebut.
- Contoh URL animasi yang didapatkan dari situs www.cursorpedia.com adalah seperti ini: http://www.cursorpedia.com/ani/heart_heart_32.ani
- Kebanyakan kursor telah memiliki kode lengkap yang khusus diperuntukkan bagi situs tertentu, misalnya MySpace. bila sobat menemukan yang seperti ini, maka ambil saja URL kursornya.
- Pastikan alamat URL ini mempunyai ekstensi .ani (untuk kursor animasi) atau .cur (untuk kursor biasa) apabila sobat hanya mendapatkan file berformat.ani atau .cur (bukan sebuah URL), maka sobat harus meng-upload kedalam webhosting khusus untuk image seperti www.photobucket.com
- Selanjutnya sisipkan URL kursor animasi sobat ke dalam script berikut ini Cursor: url ("URL KURSOR");
Gantilah teks "URL KURSOR" dengan URL kursor yang sobat peroleh. Contohnya seperti ini:
Cursor:url ("http://www.cursorpedia.com/ani/heart_heart_32.ani"); - Dengan script diatas maka kursor animasi sobat telah siap diaplikasikan kedalam halaman Blogspot sobat.
Setelah sobat mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik sobat.
Berikut ini caranya:
- Login terlebih dahulu kedalam akun Blogspog sobat
- Setelah itu klik menu Layout pada halaman dashboard
- Selanjutnya klik menu EDIT HTML
- Kemudian Cari kode body {
- Setelah ketemu masukkan script kursor yang sobat miliki tadi seperti ini body {
padding: 0;
margin: 0;)
font-size: small;
color: $textcolor;
background: #fff;
text-align: center;
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
} - Setelah itu klik tombol Save Template dan lihat hasilnya
Tidak ada komentar:
Posting Komentar