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 |
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
tQ fara... awk ni baik sgt la... slalu sedekahkan ilnu yg awk ade... :)
ReplyDelete@❤❤sAkuRa❤❤
ReplyDeleteilmu itu hak Allah..:)
Happy blogging
terima kasih kak farah di atas perkongsian ilmu ini hehehee cantik laa sye dh gna tutorial ni......
ReplyDelete@zaza
ReplyDeletewelcome ..selamat mencuba :)
yg head tu kt mn..hu xleh buat..kne bt html yg br ka??
ReplyDeletethnkss.....
ReplyDeletethanks.. boleh cuba ni..
ReplyDeletethanks cik farah. Saya ambil satu tau?
ReplyDeleteambil satu :) thanks
ReplyDeleteThanks kak . jadi :)
ReplyDelete@keyna
ReplyDeletetq dik,da lme akak cri tuto ni ;)
suka sgt tutorial ni....
ReplyDelete