Cara buat Link Membesar dan Berubah Warna

Membuat link sebegini adalah merupakan tambahan bagi memberi kelainan pada blog kita.Link akan hanya membesar dan berubah warna apabila pointer mouse dihalakan pada link.Pointer juga boleh diubah kepada bentuk lain,selain dari bentuk asal yang berupa tangan.

Berikut adalah caranya :
1. Login to Blogger kemudian pilih "design"
2. Klik pada "Edit HTML"
3. kemudian cari kod a:link dan a:hover dan gantikan dengan kod dibawah ini :


a:link
{
color:#0000ff;
font-size:10px;
cursor:default;
}

a:hover
{
color:#d2691e;
font-size:19px;
font-style:italic;
cursor:wait;
}

4. Kemudian klik save Template.
 
    Nota:
    warna oren menunjukkan warna link
    warna merah menunjukkan ukuran font
    warna hijau adalah font italic ketika pointer dihalakan pada link
    warna biru menunjukkan style mouse pointer dan boleh ditukar menjadi crosshair, hand, wait,
    move, text dan sebagainya

Catat Ulasan

Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.

25 Comments:

misyamissyou berkata...
terima kasih atas kunjungan

terima kasih sbb kongsi entry ni.. :) nak try.. weee~~

velasrizal berkata...
terima kasih atas kunjungan

good info..keep it up..


Malaysia, Indonesia Mahu Anjur Piala Dunia Bersama ?

miss iema selamat berkata...
terima kasih atas kunjungan

macam mana 2?/

yahaya berkata...
terima kasih atas kunjungan

@miss iema selamat
contohnya seperti yang ada pada blok ni..bila dihalakankan pointer ke tajuk entri....teks akan membesar

putra83 berkata...
terima kasih atas kunjungan

berkunjung kemari sob..saya gak tau bukua tamu nya dimana..

Masrie berkata...
terima kasih atas kunjungan

Link back ya.. makasih infonya, q dah masukin linknya di blog buruk q..
http://masrie.co.cc

Extraction Sejaty berkata...
terima kasih atas kunjungan

sngt tdk brgunaaa!!!

nurafrianarazman berkata...
terima kasih atas kunjungan

mcm mana nak buat link blog kita kelihatan biasa balik ? serabut la sy punya blog

yahaya berkata...
terima kasih atas kunjungan

@nurafrianarazmankena edit semula kod yg dimasukkan..font size ...color

Jieda berkata...
terima kasih atas kunjungan

thanks dah berjaya

toyolkiut berkata...
terima kasih atas kunjungan

dh try buat satni..
berjaya!
trima kasih..

norhirdayu jafri berkata...
terima kasih atas kunjungan

ape ni sume tk blh pn..

..........THE FABULOUS BOYZ........ berkata...
terima kasih atas kunjungan

Macam mana kita nak dapatkan balik kod sebelum ini?(sebelum membuat kod diatas)

yahaya berkata...
terima kasih atas kunjungan

@..........THE FABULOUS BOYZ........
boleh guna yg tu juga tapi edit pada warna dan saiz font jadi asal semula

Nusyaz berkata...
terima kasih atas kunjungan

Saya dah buat ikot step, tapi tak menjadi..macam mana nak ubah balik setting biar jadi macam yang asal punya?? Please...

yahaya berkata...
terima kasih atas kunjungan

@Nusyaz
a:link {
text-decoration:none;
color: $(link.color);
}


a:hover {
text-decoration:underline;
color: $(link.hover.color);
font-size:20px;
}

Nusyaz berkata...
terima kasih atas kunjungan

@yahaya Thanks, keadaan da kembali normal..hehe terima kasih byk2 :)

Ery Sahaja berkata...
terima kasih atas kunjungan

thanks 4 d tuto...
its great...

Gus Tahta Al Hafizh berkata...
terima kasih atas kunjungan

Syukrons .... mabbruuk .... Amien.....

Donny Ghebotsz berkata...
terima kasih atas kunjungan

gan ,, gimana caranya ngubah kaya punya agan ?
tulisan judulnya bisa berubah?

Donny Ghebotsz berkata...
terima kasih atas kunjungan

om yahaya : gimana caranya supaya judul post juga bisa berubah?

mohon pengertiannya :)

Rudy Santoso berkata...
terima kasih atas kunjungan

Terimakasih bnayak gan artikel disini sngt bermanfaat,,,dan saya coba brhasilll

sasori kun berkata...
terima kasih atas kunjungan

yg berkilat 2 macam mana pulak?

yahaya berkata...
terima kasih atas kunjungan

@sasori kunada tutorialnya...cara buat link disertai kerlipan bintang

Buaya Naga berkata...
terima kasih atas kunjungan

terima kasih atas info yang berguna dah try buat blog salam

Related Posts Plugin for WordPress, Blogger...