Untuk membuat sebuah kursor animasi, langkah pertama yang harus di lakukan adalah membuat sebuah gambar animasi yang berukuran kecil, untuk yang ini terserah kepada keahlian sobat, banyak software pembuat animasi semisal macromedia flash atau sejenis itu. Jika sobat tidak bisa membuat sebuah gambar animasi untuk di pakai, jangan dulu putus harapan. Sobat bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. Caranya sangat mudah, sobat bisa mencarinya lewat search engine yang ada di sebelah kanan atas blog ini. Tuliskan keyword yang berhubungan, misal : Cursor animation, Free cursor animated atau keyword lainnya.
Langkah kedua yaitu menyimpan file animasi yang sudah sobat dapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa. Untuk cara-cara mengupload gambar sudah saya terangkan, silahkan baca kembali di sini apabila sobat masih belum bingung mengenai cara upload gambar. Apabila gambar animasi sudah si upload, catat alamat gambar tersebut. Sebagai contoh, saya mempunyai gambar cursor berbentuk naga terbang dengan alamat sebagai berikut :
http://24rohman.googlepages.com/dragon3.ani
Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut :
cursor: url(“alamat gambar kursor”);
Sebagai contoh, jika saya menggunakan alamat kursor yang saya miliki, kode nya jadi seperti ini :
cursor: url(“http://24rohman.googlepages.com/dragon3.ani”);
Langkah selanjutnya yang harus di lakukan adalah memasukan kode di atas ke dalam kode template sobat, agar lebih mudah untuk di pahami, saya tuliskan langkah-langkahnya :
- Untuk template klasik
- Sign in di blogger.
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kode template yang ada, lalu save untuk backup data
- Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :
- body {background:#fff;
- margin:0;padding:40px 20px;
- font:x-small Georgia,Serif;
- text-align:center;
- color:#333;
- font-size/* */:/**/small;
- font-size: /**/small;
- }
- Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :
- 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”);
- }
- Klik tombol Simpan Perubahan Template
- Selesai. Silahkan lihat hasilnya.
- Untuk template baru
- Sign in di blogger
- Klik menu Layout
- Klik menu Edit HTML
- Klik link Download template seluruhnya, save dulu untuk backup biar aman
- Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :
- body {
- background:$bgcolor;
- margin:0;
- color:$textcolor;
- font:x-small Georgia Serif;
- font-size/* */:/**/small;
- font-size: /**/small;
- text-align: justify;
- }
- Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :
- 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”);
- }
- Klik tombol Simpan Template
- 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”)’>
Semoga bermanfaa sob, selamat berkreasi
Pencarian halaman ini:
animasi wordpress (70), animasi untuk wordpress (28), animasi di wordpress (21), cara membuat kursor animasi di wordpress (15), animasi kursor pada wordpress (13), cursor wordpress (8), membuat animasi di wordpress (7), cara membuat kursor animasi pada wordpress (6), widget kursor untuk wordpress (5), animasi kursor untuk blog wordpress (5), animasi for wordpress (4), membuat kursor animasi di wordpress (4), cara membuat animasi mouse di wordpress (4), membuat animasi kursor pada wordpress (4), menambah animasi di wordpress (3), cara membuat animasi kursor di wordpress (3), menambah animasi pada wordpress (3), menambahkan kursor animasi pada wordpress (3), cara buat cursor animasi untuk wordpress (3), cara agar kursor mouse ada animasi untuk di wordpress (3), cara membuat kursor animasi diworpress (3), animasi cursor wordpress (3), cara menambahkan kursor animasi di blog wordpress (3), animasi kursor di bolog wordpress (3), cara membuat kursor animasi di blog wordpress (3), membuat crusor animation di wordpress (3), animasi kursor wordpress (3), animasi kursor untuk wordpress (3), url animasi wordpress (2), kursor untuk blog wordpress (2), membuat mouse animasi pada blog wordpress (2), kode url animasi untuk wordpress (2), membuat cursor animasi wordpress (2), cursor animasi for wordpress (2), cursor animasi wordpress (2), mouse animasi pada blog wordpress (2), wordpress animasi (2), animasi kursor di wordpress (2), widget cursor untuk wordpress (2), cara buat kursor animasi di wordpress (2), animasi pada wordpress (2), animasi mouse di wordpress (2), animasi pada blog wordpress (2), animasi mouse pada wordpress (2), memasang kursor animasi di wordpress (1), memasang cursor animasi pada wordpress (1), memasang animasi kursor pada wordrpress (1), memberi cursor pada blog wordpress (1), memasang kursor moue di wordpress (1), memasang kursor mouse di wordpress (1), memberi animasi di wordpress (1), widget kursor wordpress (1), widget kursor di wordpress (1), membuat abinasi kursor pada wordpress (1), memasang animasi kursor di blog wordpress (1), memasang animasi di wordpress (1), kursor animasi pada wordpress (1), kursor animasi untuk wordpress (1), kursor animasi w ordpress (1), kursor animasi wordpress (1), kursor buar blog wordpress (1), kursor buat wordpress (1), kursor mouse animasi ke wordpress (1), kursor mouse di wordpress (1), wordpress animation (1), kursor mouse worpress (1), kursor unik untuk wordpress (1), widgets kursor wordpress (1), kursor untuk wordpress (1), widget cursor wprdpress (1), membuat animasi mouse pada wordpress (1), membuat animasi untuk wordpress (1), tutorial membuat cursor pada wordpress (1), TEMPLATE ANIMASI UNTUK WORDPRESS (1), menambah animasi wordpress (1), menambah kursor animasi pada wordpress (1), menambahkan animasi di wordpress (1), menambahkan animasi pada wordpress (1), sisipkan animasi di wordpress (1), pembuat pointer wordpress (1), menambahkan kursor animasi wordpress (1), menambahkan kursor editan worpress (1), pasang animasi kursor di wordpress (1), menyisipkan animasi ke wordpress (1), tutorial menambah animasi pada wordpress (1), membuat kursos di worpress (1), widget cursors wordpress (1), membuat animasi wordpress (1), widget cursor for wordpress (1), widget animasi mengikuti kursor blog (1), menambah animasi cursor pada wordpress (1), membuat daftar kursor di wordpress (1), membuat gambar animasi pada wordpress (1), widget animasi kursor di w (1), membuat kursor animasi diwordpress com (1), membuat kursor pada wordpress (1), membuat kursor unik di wordpress (1), membuat kursor unik diwordpress (1), membuat kursor untuk di wordpress (1), mouse animasi di blog wordpress (1), kursor animasi di wordpress gratis (1), alamat web untuk upload cursor (1), bagaimana cara memasang animasi cursor di wordpress (1), bagaimana cara memasang animasi cursor diwordpress (1), buat kursor di wordpress (1), cara animasi cursor wordpress (1), cara buat animasi cursor di wordpress (1), alamat gambar animasi (1), cara memasang animasi kursor di wordpress (1), cara memasang cursor animasi di wordpress (1), cara memasang kursor animasi pada wordpress (1), cara memberi animasi kursor pada wordpress (1), cara memberi cursor animasi pada wordpree (1), cara membuat animasi kursor pada wordpress (1), cara membuat animasi kursor untuk wordpress (1), cara membuat animasi mouse di blog wprdpress (1), Cara membuat animasi mouse di wordpres (1), animasi untuk kursor blog wordpress (1), animasi tulisan cursor untuk wordpress (1), animasi terbang untuk wordpress (1), animasi cursor mouse untuk blog wordpress (1), animasi cursor unik pada blog (1), animasi cursor untuk blog di wordpress (1), animasi gambar kursor pada kursor (1), animasi kesehatan untuk blog (1), animasi kursor mouse di wordpress (1), animasi kursor pada worpress com (1), animasi kursor untuk blog (1), animasi menu untuk wordpress (1), animasi mouse pada wordpree (1), animasi mouse untuk blog wordpress (1), animasi mouse untuk blogg (1), animasi mouse wordpress (1), animasi pada wordpress free (1), animasi pointer pada wordpress (1), cara membuat animasi pointer di wordpress (1), cara membuat cursor animasi di blog (1), cara membuat cursor animasi pada blog wordpress (1), cara mengubah kursor animasi di wordpress (1), cara mengubah mouse di wordpress (1), cara pasang animasi cursor untuk wordpress (1), cara tambah animasi kursor di wordpress (1), code animasi pada wordpress (1), code animasi wordpress (1), cousor untuk wordpress (1), cursor animasi di wordpress (1), cursor blog wordpress (1), cursor buat blog wordpress (1), cursor mouse untuk wordpress (1), cursor unik untuk blog wordpress (1), cursor untuk blog wordpress (1), cursor untuk wordpress (1), free animation for wordpress (1), cara menghias kursor di blog wordpress (1), cara mengganti kursor animasi di wordpress (1), cara menampilkan animasi kursor di wordpress (1), cara membuat cursor animasi pada wordpress (1), cara membuat cursor di blog wordpress (1), cara membuat cursor di wordpress (1), cara membuat gadget kursor di wordpress (1), cara membuat kursor animas pada wordpress (1), cara membuat kursor di blog dari wordpress (1), cara membuat kursor di wordpress (1), cara membuat kursor mouse animasi di wordpress (1), cara membuat kursos ada animasi di wordpress (1), cara membuat mouse animasi di wordpress (1), cara menambah widget untuk kursor di wordpress (1), cara menambahkan animasi kursor di wordpress (1), cara menambahkan animasi kursor pada wordpress (1), cara menambahkan kursor animasi pada wordpress (1), cara menambahkan kursor di wordpress (1), kode animasi untuk wordpress (1)Artikel Terkait :
Mari Kita Saling Menghargai Sesama Blogger
Apabila anda merasa artikel ini bermanfaat, silahkan share dimana saja.
Dan jika berkenan mohon mencantumkan link sumbernya. Terima Kasih.
Perhatian: Jika Sobat Download Mengarah ke "adf.ly" Tunggu aza 5 Detik dan Cari Tombol "SKIP AD" yang ada di Sebelah Kanan Atas Monitor Sobat, Klik Aza Sob. dan jangan lupa tinggalkan komentar
No comments
Trackbacks/Pingbacks