Cara membuat efek link mengeluarkan kotak garis putus-putus dan teks link mengecil saat disorot mouse

Assalamualaikum wr wb, pada trik sebelumnya saya sudah menjelaskan CARA MEMBUAT LINK MENGELUARKAN CAHANYA DAN MEMBUAT LINK MENGELUARKAN KOTAK SHADOW tapi... saya ada trik yang lain lagi yaitu cara membuat link mengeluarkan kotak garis putus-putus dengan tambahan teks mengecil. saya yang membuatnya sediri dengan Macromedia Dreamwawer 8, nah sekarang kita lanjut ke langkah langkahnya.

T A H A P    P E M B U A TA N :


1.  login ke akun blog sobat
2. pilih rancangan>edit HTML
3. Cari KODE a:hover: yang berdekatan dengan a:visited a:link
4.lalu copas kode di bawah ini tepat di bawah kode a:hover{  


 font-size: 10px;
font-style: normal;
text-decoration: underline blink;
line-height: normal;
background-image: none;
height: auto;
width: auto;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;


contoh hasilnya:


a:hover{
 font-size: 10px;
font-style: normal;
text-decoration: underline blink;
line-height: normal;
background-image: none;
height: auto;
width: auto;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
}


5. simpan dan lihat hasilnya


WALALAMUALAIKUM WR WB


Note: ada yang mau niruin boleh aja saya iklash kok!

Related Post: