Wednesday, May 22, 2013

Cara Merubah Icon Kursor Di Blog Dengan Gambar Animasi Untuk Pemula | X TKJ 4 Community

Cara mengganti icon kursor di blog dengan gambar animasi

 

Oke gan kembali lagi bersama saya admin iqballz yang tampanya hampir tumpah.. hahahaha. Pada postingan kali ini saya akan berbagi widget seru untuk blogger yaitu kursor animasi. Di artikel cara merubah icon kursor dengan gambar animasi ini saya akan menjelaskan cara merubah icon kursor menjadi anmasi bergerak..
oke abang" semua langsung aja ke topik pembicaraan kita yaitu cara merubah icon kursor dengan gambar animasi..Monggo silakan di simak dan di peraktekan...

Kalau sobat penasaran atau tidak percaya silahkan coba pasang kode script nya di blog sobat dengan langkah-langkah sebagai berikut :

1. Login dulu di Blogger .
2. Pilih Template di Dasbor Blog
3. Klik Edit HTML Template
4. Centang dulu Expand Template Widget
5. Cari kode  </head> di blog ( gunakan Ctrl+F untuk memudahkan pencarian kode ).
6. Pasang kode kursor di bawah ini diatas kode </head> atau sebelum kode </head>

<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif&quot;), auto;}
</style>

 Keterangan : Kode warna Merah adalah kode gambar atau icon kursor kalau sobat mau mengganti dengan tampilan lain bisa sobat gunakan kode di bawah ini sesuai dengan gambar kursor yang sobat sukai .

Disini saya mempunyai beberapa icon kursor animasi bergerak monggo silakan di coba :


http://blog-rangga.blogspot.com/
  http://ak.imgfarm.com/images/cursormania/files/4/2308a.gif


http://blog-rangga.blogspot.com/
 http://cursors0.totallyfreecursors.com/thumbnails/bullseye-ani.gif


http://blog-rangga.blogspot.com/
 http://cursors2.totallyfreecursors.com/thumbnails/tail2.gif


http://blog-rangga.blogspot.com/
 http://ak.imgfarm.com/images/cursormania/files/6/3019a.gif


http://blog-rangga.blogspot.com/
 http://ak.imgfarm.com/images/cursormania/files/26/13148a.gif


 http://blog-rangga.blogspot.com/ http://ak.imgfarm.com/images/cursormania/files/24/12224a.gif


http://blog-rangga.blogspot.com/
http://cursors0.totallyfreecursors.com/thumbnails/rainbow-ani3.gif


http://blog-rangga.blogspot.com/
 http://cursors3.totallyfreecursors.com/thumbnails/fireblue.gif

 


7. Terakhir klik simpan untuk melihat hasil nya diblog .


Oke sob sekian dari saya tentang artikel Cara merubah icon kursor dengan gambar animasi.. sebetulnya sangat banya artikel tentang cara merubah icon kursor dengan gambar animasi.. di luar sana tapi saya berharap semoga postingan saya kali ini dapat membantu anda dalam mendesign blog anda agar terlihat lebih menarik lagi.. dan meraup banyak pengunjung tentunya..


Thanks For Visiting keep blogging!!!


Disqus Comments