Tutorial 71 : Double Dashed bila diHover

Tutorial time!
Sorrylah korang, aku dah lama tak update tutorial secara serius!
Kali ni tutorial di minta dari :


Ok, korang rasa confius? meh sini aku tunjukkan..

click gambar untuk lebih membesar.

Contohnya, kalau korang hover/sentuh any link dia akan keluar double line dashed.
Ok, jom kita belajar sama-sama cara nak buat :

1. Sign in Blogger > Design > Edit HTML
2. Cari code ini, nak mudah tekan ctrl F je dan pastekan code di bawah dalam kotak find..

a:hover
3. Bila korang dah jumpa dia, korang cuma copy code di bawah dan paste di bawah code yang korang cari tadi.

border-top: 2px dashed #000000;
border-bottom: 2px dashed #000000;
4. Kalau nak tukar warna line dashed tu, korang tukar je code #000000 dengan code DI SINI

5. Preview dan sentuh mana-mana link..kalau menjadi SAVE jer.

Senangkan..so rajin-rajinlah mengodek blog, kalau blog korang huru hara aku tak jamin yer hehehe.. :)

23 comments

  1. tq banyak2 sis... akhirnya dh dpt jgk tuto nie,sekian lame mencari hehe...
    syg sis :)

    ReplyDelete
  2. sis ad masa follow blog pyqa yepp hehe :)

    ReplyDelete
  3. slm perkenalan dan slm ramadhan!tq ye sis dah apply tutorial ni kat blog kite tqvm ^-*

    ReplyDelete
  4. sis nak tanye...maap klau sye menyemak kat sini or menyusahkan sis. .nak tany cmne nak buat yg mcm sis tu
    contoh:Tutorial 1 : Timbang Berat Blog.
    bila klik kuar ke page lain? cmne nak buat harap sis tlong sbb sye dh lme kempunan tuto tu. .:(

    ReplyDelete
  5. sis nape eak saye takde code a.hover tuh ?? huhu

    ReplyDelete
  6. @tifanny!

    masukk je laman web tu..letak url blog

    ReplyDelete
  7. @! ❤ PINKaholicx ❤ !

    mybe template adik tak sesuai boleh try tutorial lain

    ReplyDelete
  8. thank you for the tuto. lama dah cari ;)

    ReplyDelete
  9. sis,sy cri kod 2 kn,ada 6 la..sy try paste kod yg sis bg 2 dkt a:hover {
    text-decoration: underline;
    color: $(link.hover.color);

    sy paste dkt bwh hover 2 la..tp dy kuaq error lepaih preview ..cm ne ekk ?

    ReplyDelete
  10. yg 2 yg first lah.. dkt a:hover 2 ada bnda nyh--> { ..nk uat cm mna?? dh ltk kod akak bg 2 dkt a:hover { dh ..tdi dia tulis error jgkk
    :(

    ReplyDelete
  11. amek kode yg akak bg 2 dan paste dkt bwh kod a:hover { nieh ekk soory byk tnyaa.

    ReplyDelete
  12. tk jdi...dy tulis error ..pa tk tw

    ReplyDelete
  13. ta menjadi pungg . hukhuk . mau nangis nie :'(

    ReplyDelete
  14. hey kak :)
    thanks for the tuto , jadi lha .
    do follow mine .

    ReplyDelete
  15. knp tak jady ???dah bnyk kali sy buat ..hummhh .. :(

    ReplyDelete
  16. Trima kasih bnyak kak...
    punyaku sudah jadi...
    huh... akhirnya...
    thx

    ReplyDelete
  17. hye sis ! mcm mne nk hlgkan kotak html ? dah lme cri tpi x jpe pm . arap sis bley tlg .

    ReplyDelete

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

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Related Posts

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