Membuat Link Hover Dengan Background
Membuat Link Hover Dengan Background Warna, wah bingung mau buat judulnya. Karena tidak biasa coding dan edit HTML, membuat judul saja bingung namanya. Intinya cara membuat link dengan background warna dan ketika mouse diarahkan ke tempat tersebut maka warnanya akan berubah, halah, pokoknya begitulah. Daripada simpan di notepad hilang terus mending buat sekalian updet postingan.
Kode membuat link hover dengan background warna
<div style="overflow: auto; padding-left: 0px;">
<a href="http://www.google.co.id/" target="_blank"><div style="overflow: auto; padding: 5px; border: 1px solid #ff0000; background-color: rgb(247, 247, 247);" onmouseover="this.style.backgroundColor='#dedfde'" onmouseout="this.style.backgroundColor='#f7f7f7'"> <table border="0" width="100%"><tbody><tr><td valign="top" width="20%">
Google
</td></tr></tbody></table></div></a> </div>
<a href="http://www.google.co.id/" target="_blank"><div style="overflow: auto; padding: 5px; border: 1px solid #ff0000; background-color: rgb(247, 247, 247);" onmouseover="this.style.backgroundColor='#dedfde'" onmouseout="this.style.backgroundColor='#f7f7f7'"> <table border="0" width="100%"><tbody><tr><td valign="top" width="20%">
</td></tr></tbody></table></div></a> </div>
Contoh:
Warna dan ukuran kotak disesuaikan dengan selera masing-masing, Dan ini mungkin akan sedikit memberi variasi pada tampilan blog bagi yang suka.
0 comments:
Post a Comment