Monday, August 8, 2011

Tutorial 86 : Animated Link di Hover

Assalamualaikum dan selamat hari Isnin.
Hmm mood nak update tutorial sudah datang. Aku tahu korang sukakan.
Kali ni nak ajar untuk cantikkan blog lagi. Korangkan suka blog cantik-cantik kiut miut kan kan kan..

Tutorial kali ni ialah animated link di hover. Bila korang click atau sentuh some link dalam blog korang dia ada kesan animated. Contoh kalau sentuh bahagian header. Macam ini :

Dia ada kesan blink-blink *picit gambar kalau tak jelas
Mula-mula korang perlulah :

1. Sign in blogger > Design > Edit HTML

2. Cari code ini, nak mudah tekan Ctrl F, masukkan code dalam kotak find dan enter!
</head>
3. Copy code di bawah dan paste di atas/sebelum code yang dicari tadi :

<style> a:hover { text-decoration:blink; background:url(URL LINK ANIMATED); } </style>
4. Tukar URL LINK ANIMATED seperti di bawah. Korang boleh pilih mana-mana effect animated yang aku senaraikan kat bawah, ada banyak aku bagi korang so pilihlah mana yang berkenan..


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnmuIfhEbonrk3yUxJkp_IJM8KyoAa9BtqLyWGA-ObKCNha8_GF3SpWCRleTlTfvWEvoP9SXwRn3PF5A2Gh2bHGqSwRHTUzdlikYVdSVfnziItHorOIuG8j-8sD7rev5po9EHzBXjRrmM/s1600/bicarafarah1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZlxmYVughEk-niT9ltEPJmh18EEYxCbOkBj0IerN-dNPYI68bMFesl6Ssy_r1ePUYTgdplxE4u9M2L-_wIqDrul2HNJVxajfVR5DpilOiV8qYVqW-bW6MKo8XrFPKqIb397Sxd2SyT8g/s1600/bicarafarah2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP2aNt9fx79CtbMOmv4ToG4I_R0XNwJA-eai7Qr6WJ4rh2oyPJnvszAqBu5Mq0SltSEfHufE2sBZKawr-45sxSm-LTfu1_sKCe41Wtbq2o8kj1KTTG4iDCWdjPwWlviLy-0DgV88lk_2s/s1600/bicarafarah3.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYT6fEpPVzwjPLV0WbzlGu1redKdDxBgKQ4JbO0QDjPCGjdxbezf7TnPg-uYk_1A6EQFcUuvoG2CIIHIQZcPMVDty68kQ3LdrwyG1B43DHOr5rEq6Nk5d8cNJ4v8VAu8_nCsA-auefAoA/s1600/bicarafarah4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMhttgpQXFSOEFif4Vx-1m5TPOQ_Ehtz4eHRdO_Yf1kCqZdYN1VBOkK7adUccOfbXI6d4wlZ1YzvMheF5EHQ5CpDJVXk5nqcWKC6MhI__mZEJVwavaM0xKqfQ0mjkPLp2UxJZjeLOOpJ0/s1600/bicarafarah5.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_TmL4YgiteS2_kgWU_4rEqt5IkUcf-nUyXqe5I3ghPCnkXuV9XNDMcXQKqod6d2r0GmM2a2tXn5zCg3q2r2J4Ut8YvRSi64xBS3ttpf9Jq8KqNbSGtbTAAQeWVs0pW_XB-3vf-6IS7U/s1600/bicarafarah6.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7HosvmSFluhM8Leo8HzMMccwOUVMQXnV48yFoeMFb9BSsKEfceBDXc1grdmuqjjYe9AawLwaH3n99opB3fcEsy_tcyz_KnWq2VMoJ1Mpw7rJ7eKhTOHQgcvMjJk5hOSI_8D5lnLL5u8/s1600/bicarafarah7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDq3INOTu1IZRYYgZG_NSIgweT59ISnN1IZXwsyloG9XmYHTCfi350VoDqmOkpH2xZkpaZbXSRkPyL6Y814lZJq1hxlXvzwVcBuEf7XbH-cA8lFB3mjsqT9-570XvJCDsHRbfAQRyCPBc/s1600/bicarafarah8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTes7ZfoCfwIO9im_HgK0ym_ii9bNbZWSWc1tSeLzOVQn6-nmdKvaxhMDRDgNmjgc2jIXmtgbnIl3jS6AeCk6GfAVgQqVXCgsU0p3bAEIZbeQ-KR6c25jRG0Sb17-hGGtKBVFB0Oiahrw/s1600/bicarafarah9.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmfRt1K_q8T5XcZdcDmNyhdnKl5npppoMHG_et26NjReJlITsXyT0LVxdqXSw3d-Bk82Rd9E6S-TVfOtcWNcWEAMECNHWkoOKrsbsaaokjOxKpbmKulRLXWy5dWV1jLv-BSJgjR8-A3AU/s1600/bicarafarah10.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2TJir4YHlZ_3odo6YzzJHoF-T2P_fUBz7uIZq_52pbJlYpbnPcdyQEDocys0a68wWnGSXC6Yltz7JHnTWuYxJldjS7fcjEuheTnXXhV8rudTu1CE5zfcQGkomKXG1NPCpJSixM7smk5w/s1600/bicarafarah11.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvicQQoIwpPeaKYuN-h0Cxbe_jrz7EFaHWz3lQjuKYBdAmz4Hvr3RKaZNtgcN2TkxXX4Khi3d3C29LKUoRW2zW95JvJTRDA8kKDZql-zbTqnx3-12fomPowtjOg7GcgTwcMAIbbWAEiTw/s1600/bicarafarah12.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDaaCIjReIP3jkyvZKZ1YroQqy9rZ1Qj0u7kxHh9rAML5ebSVvbSqI195OB60aKYZzCjrL-e0grF9hWTiAP1m1Icpv0JHB4IVEY2iIZv_c4WmXMyWre2wuyCdeY2BxNXBZLulaCXII6Ik/s1600/bicarafarah13.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_6aLuPuTLGLKpem9Waz5bxx5ROwh-yrp92yj2TVaq_ukRvd8cVQHdZuXU3uPEmf7H_I0w7-9bcVvi6uPZAF4e8TEat_vyJlwW2XgxNjkLpqwoM5FOTs9e-dItCOa3JnV4I35xOtqghWY/s1600/bicarafarah14.gif


5. SAVE jer..

p/s : komen2 la mana yang berkaitan..
#kalau banyak sangat korang buat fungsi di hover link ni maybe dia error sebab banyak sangat wehh
SHARE:

12 comments

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH