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