Home » , , »

Tulisan Link Membesar & Berwarna-Warni

Posted by Borong Shop | Labels: , ,

Tutorial Blog | Cara Buat Blog


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" selepas itu 'expand widget template'
3.Sebelum itu jangan lupa "DOWNLOAD FULL TEMPLATE" ini bagi menyelamatkan template jika berlaku sebarang error..
4. selepas selesai download 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;
}

Untuk pengetahuan anda warna2 yang saya gunakan bertujuan :
1)warna ungu menunjukkan warna link
2)warna hijau menunjukkan ukuran font
3)warna kuning adalah font italic ketika pointer dihalakan pada link
4)warna biru menunjukkan style mouse pointer dan boleh ditukar menjadi crosshair, hand, wait,

untuk pengguna template bukan dari blogger mungkin ada yg bermasalah..anda cuba cuma masukkan kod ini di bawah kod a:hover:

{
color:#d2691e;

font-size:19px;
font-style:italic;
cursor:wait;
}


Jika anda ingin menukar style cursor mouse cuma dengan menggantikan kod wait seperti contoh yg saya berikan di bawah ini :

a:hover
{
color:#d2691e;

font-size:19px;
font-style:italic;
cursor:wait;
}

Kepada

a:hover
{
color:#d2691e;

font-size:19px;
font-style:italic;
cursor:crosshair;
}

4. setelah selesai klik dahulu preview,jika tiada error maka klik save Template.




Related Posts Plugin for WordPress, Blogger...

2 comments:

  1. Unknown said...:

    Salam bro...tag cloud labek tu tak de tutorial ke?
    Dah lama cari...tak dpt lg la...(utk blogspot)

    { Balas }
  1. Borong Shop said...:

    @Yastro Tutorial tu dah ada bro kat blog nescafe ais http://maribinablog.blogspot.com.. sebab tu saya x buat tutorial tu kat sini..

:f :D :x B-) b-( :@ x( :? ;;) :-B :| :)) :(( =(( :s :-j :-p

Post a Comment