Cari Blog Ini

Sabtu, 17 September 2011

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

1 komentar:

  1. Bluehost is ultimately the best hosting company for any hosting plans you require.

    BalasHapus