Topics :
Home » » Cara Membuat Cursor Animasi di Blog

Cara Membuat Cursor Animasi di Blog

Ungkit -  Cara membuat Cursor Animasi di Blog. Sebuah Cursor di Blog biasanya mempunyai tampilan yang biasa sesuai dengan bawaan Template. Akan tetapi ada cara untuk merubah tampilan Cursor di Blog agar tampak lebih menarik. 


Berikut cara merubah tampilan Cursor di Blog :



  • Untuk template klasik


    1. Sign in di blogger.

    2. Klik menu Template

    3. Klik menu Edit HTML

    4. Copy seluruh kode template yang ada, lalu save untuk backup data

    5. Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :


    6. body {
      background:#fff;
      margin:0;
      padding:40px 20px;
      font:x-small Georgia,Serif;
      text-align:center;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      }
    7. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :


    8. body{
      background:#fff;
      margin:0;
      padding:40px 20px;
      font:x-small Georgia,Serif;
      text-align:center;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      cursor: url("http://24rohman.googlepages.com/dragon3.ani");
      }
    9. Klik tombol Simpan Perubahan Template

    10. Selesai. Silahkan lihat hasilnya.



  • Untuk template baru


    1. Sign in di blogger

    2. Klik menu Layout

    3. Klik menu Edit HTML

    4. Klik link Download template seluruhnya, save dulu untuk backup biar aman

    5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :


    6. body {
      background:$bgcolor;
      margin:0;
      color:$textcolor;
      font:x-small Georgia Serif;
      font-size/* */:/**/small;
      font-size: /**/small;
      text-align: justify;
      }
    7. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :


    8. body {
      background:$bgcolor;
      margin:0;
      color:$textcolor;
      font:x-small Georgia Serif;
      font-size/* */:/**/small;
      font-size: /**/small;
      text-align: justify;
      cursor: url("http://24rohman.googlepages.com/dragon3.ani");
      }
    9. Klik tombol Simpan Template

    10. Selesai. Silahkan lihat hasilnya.


    Atau ada juga cara lain, yaitu di tempatkan di dalam kode <body>, sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini : 

    <body style='CURSOR: url("http://24rohman.googlepages.com/dragon3.ani")'>

    Selamat Mencoba dan Semoga Berhasil


    Sumber : http://www.krtutorplus.com/2007/09/membuat-cursor-animasi.html

    1 komentar :

    1. Numpang Promo ya Bos
      Welcome
      POKERVITA
      DAFTAR POKER
      POKER TERPERCAYA
      POKER TERBAIK
      POKER TERNYAMAN
      POKER TERBAIK
      POKER BANYAK BONUS
      Contact Us Person :
      LIVECHAT P`0`K`E`R`V`1`T`A .com
      BBM : D.8.E.B.7.E.6.B
      Salam Sejahtera untuk kita semua ^^

      BalasHapus