Sunday, December 26, 2010

Animasi Cursor / Mouse

Caranya adalah :
1. Login ke blogger anda

2. Pilih menu tata letak, kemudian edit html

3. Kemudian klik Expand Template Widget

4. Tekan ctrl+F pada browser, cari baris body {
5. Perhatikan CSS dari body, ini adalah contoh CSS body punya saya, isinya setiap template akan berbeda-beda
body {
background:#A9C2DA;
margin:0;
padding:0;
font:80% Arial, Sans-serif;
text-align: center;
color:#000;
}

6. Tambahkan baris

cursor: url("http://baykun.byethost15.com/cursorbiru.ico"),default;
Jika ingin cursor biru


cursor: url("http://baykun.byethost15.com/cursorkuning.ico"),default;
Jika ingin cursor kuning


cursor: url("http://baykun.byethost15.com/cursorpanah.ico"),default;
Jika ingin cursor panah


cursor: url("http://baykun.byethost15.com/cursorpensil.ico"),default;
Jika ingin cursor pensil

Pastikan menambahkan barisnya sebelum tanda } pada bagian body {  }

7. Simpan templatenya

8. Contoh hasilnya ada pada blog saya

Note : disarankan backup template anda sebelum merubahnya.
cara ini tidak bisa digunakan jika menggunakan browser OPERA


UPDATE

cursor: url("http://baykun.byethost15.com/tangan.ico"),default;
Jika ingin cursor bentuk tangan


cursor: url("http://baykun.byethost15.com/roket.ico"),default;
Jika ingin cursor bentuk roket


cursor: url("http://baykun.byethost15.com/orang.ico"),default;
Jika ingin cursor bentuk orang
*referensi berbagai cursor unik http://www.cursors-4u.com
Read more »

0 comments:

Post a Comment

Copyright © Ryan La Vegas 2011 I N2Y Eksperiment by Nano Yulianto Modified by ryanlavegas