Mengganti Kursor di Blogger
Anda bosan dengan tampilan kursor
yang biasa-biasa saja? maka kali ini anda mempelajari bagaimana mengganti atau
merubah kursor anda misalnya menjadi kursor yang bergerak atau animasi. untuk
membuat kursor animasi sesuai keinginan anda bisa dilakukan dengan menggunakan software-software
pembuat animasi. Namun jika anda tidak menguasai software tersebut,
maka ada cara yang lebih mudah dilakukan. diinternet banyak sekali situs-situs
yang menawarkan kursor animasi. anda bisa mendapatkan kursor yang anda inginkan
didalam situs seperti itu.
Berikut langkah-langkah yang harus anda lakukan:
Mencari kursor gratis terlebih dahulu
Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang anda inginkan dan membuanya siap ditempatkan dalam blogspot anda:
Berikut langkah-langkah yang harus anda lakukan:
Mencari kursor gratis terlebih dahulu
Berikut ini langkah-langkah pencarian situs penyediaan kursor gratis, lalu mendapatkan kursor yang anda inginkan dan membuanya siap ditempatkan dalam blogspot anda:
- Untuk mencari situs penyedia kursor gratis, gunakan Search
engine dengan penulisan kata kunci pencarian misalnya "free
animated cursor" atau anda bisa kunjungi situs http://www.cursorpedia.com/
untuk mendapatkannya
- Bila anda telah menemukan situs yang tepat dan model
kursor animasi yang anda sukai, maka pastikan bahwa anda 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 anda
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 anda hanya
mendapatkan file berformat.ani atau .cur (bukan
sebuah URL), maka anda harus meng-upload kedalam webhosting khusus
untuk image seperti www.photobucket.com
- Selanjutnya sisipkan URL kursor animasi anda ke dalam script
berikut ini
Cursor:
url ("http://www.cursorpedia.com/ani/heart_heart_32.ani ");
Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
Gantilah teks "URL KURSOR" dengan URL kursor yang anda peroleh. Contohnya seperti ini:
cursor:url("http://www.cursorpedia.com/ani/heart_heart_32.ani");
- Dengan script diatas maka kursor animasi anda telah
siap diaplikasikan kedalam halaman Blogspot anda.
Mengaplikasikan Kursor dalam Blog
anda
Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik anda.
Berikut ini caranya:
Setelah anda mempunyai script kursor seperti bahasan diatas, maka selanjutnya akan dijelaskan bagaimana cara mengaplikasikan kursor ke dalam halaman blogspot milik anda.
Berikut ini caranya:
- Login
terlebih dahulu kedalam akun Blogspot anda
- Setelah itu klik menu Layout pada halaman dashboard
- Selanjutnya klik menu EDIT HTML
- Kemudian Cari kode body {
- Setelah ketemu masukkan script kursor yang anda 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");
}
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
Selamat mencoba.......