Rabu, 22 Februari 2012

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:

    * 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.......

Tidak ada komentar:

Posting Komentar