memang tidak bisa di hindari dalam dunia
blogger. Terutama menu horizontal yang 90% template pasti ada
. Nah pada posting kali ini saya akan berbagi
tutorial
<style>
.list {
background:none; no-repeat left center;
border-bottom:1px dotted #ccc;
line-height:1.2em;
padding:2px 2px 2px 20px;
}
</style>
<div style="overflow:auto; padding:2px; margin:1px 1px 1px 1px; width:auto; height:auto; background:
-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); border:1px solid #ccc;">
<ul><table width="100%" border="0">
<tr>
<td width="3%"><div align="center"><img src="
http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Home-icon.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="
http://karaokebatak.blogspot.com">
Beranda</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYe9fVNtod_nGM09KLf4m7dzfY7VHxbrDHdslzDAC6oQX5bgjQQK_VC2t7GG8cRTg9i92vs7gwfntDj_xUP_OUw3vTB07PYWXvkOXrZoMXG6WGsCxR7yOdAq3YC3CGVeuHnXY0houeLDYh/s1600/report_magnify.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="
http://karaokebatak.blogspot.com/2012/04/daftar-isi.html">
Daftar Isi</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="
http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Misc-Box-icon.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="
http://karaokebatak.blogspot.com/2012/05/kumpulan-icon-untuk-blog.html">
Kumpulan Icon</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="
http://icons.iconarchive.com/icons/kyo-tux/soft/32/Tutorial-icon.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="
http://karaokebatak.blogspot.com/search/label/widget">
Widget Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="
http://icons.iconarchive.com/icons/emey87/social-button/32/blog-icon.png" width="25" height="25" /></div></td>
<td><li><a href="
http://karaokebatak.blogspot.com/search/label/Tips%2FTrik%20Blog">
Tips/Trick Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="
http://www.downtownstockton.org/images/icon_music.gif" width="25" height="25" /></div></td>
<td><li><a href="
http://karaokebatak.blogspot.com">
Download Lagu</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTkAD-JAOSGguERvHDHGxKSQDzbc5YUz2JMlHZnPBYOGyEpujlsQPljVym5ueszCeg2RrUNpvNmhxmtm8762onN9kGte4jocac1xdVV3mKO-9EFMeKgp6-x_8f6-mpQHEJ8l2UuD2VlaoX/" width="18" height="18" /></div></td>
<td><li><a href="
http://www.facebook.com/pages/Batak-musik/168226019959239">
Facebook</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQT5mEOIAaUnz5WAySLNsDMkbVg3IZ7TLfCib_qdLRitScxSyOi6iVuqsA2TOGF9ZWaVWgW6gUrkRGUfdTYEsrDtxUqOaOEL5lXRpbqYInEACWNp4ojhOzmKUHjpyKCX9dtSOWavkfYwZe/" width="25" height="25" /></div></td>
<td><li><a href="
https://twitter.com/batakmusik">
Twitter</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="
http://www.tektrify.com/wp-content/themes/default/images/icon_feedburner_40x40.png" width="18" height="18" /></div></td>
<td><li><a href="
http://feeds.feedburner.com/HalakBatakMarlagu">
Feedburner</a></li></td>
</tr>
</table>
</ul>
</div>
Belum ada tanggapan untuk "Menu Vertikal Dengan Icon/Gambar"
Posting Komentar