Buat Menu Blog

assalamualaikum .. gue mau share ilmu gimana cara buat Menu Blog .. langsung aja dehh

> Login Blogger dulu
> Klik Rancangan
> Klik Elemen Laman
> Klik Tambah Gadget dimana saja sesuai kebutuhan
> Cari dan klik HTML/JavaScript
> Copy Paste Kode ini


<style type="text/css">
<!--
.style2 {color: #FFFF00}
-->
</style>
<p>&nbsp;</p>
<table width="303" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="303" height="159" valign="top"><table width="142" border="5" cellpadding="0" cellspacing="0" bgcolor="#01DF74">
<tr>
<td width="138" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsvYMkq6teUyK5MNmg9DVJQ-s4utY5qAkYJ_y4uW0ZlaCdQscgv7Wjh3IpXMnVsVfGoC4RN8Z6bWDKkvWuW2b-dpp70FtaTzrCGRLexV_rqZxrQiUfen_7_GCclttXBaR3v-_5yseMnpu/"><span class="style2"><a href="Link Loe">Judul Loe </a></span></td>
</tr>
</table>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30"></td>
<td width="143" height="30"><table width="142" height="24" border="5" cellpadding="0" cellspacing="0" bgcolor="#084B8A">
<tr>
<td width="140" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsvYMkq6teUyK5MNmg9DVJQ-s4utY5qAkYJ_y4uW0ZlaCdQscgv7Wjh3IpXMnVsVfGoC4RN8Z6bWDKkvWuW2b-dpp70FtaTzrCGRLexV_rqZxrQiUfen_7_GCclttXBaR3v-_5yseMnpu/"><a href="Link Loe">Judul Loe </a></td>
</tr>
</table></td>
<td width="217"></td>
</tr>
</table>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60">&nbsp;</td>
<td width="142" height="30"><table width="142" border="5" cellpadding="0" cellspacing="0" bgcolor="#00FFFF">
<tr>
<td width="211" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsvYMkq6teUyK5MNmg9DVJQ-s4utY5qAkYJ_y4uW0ZlaCdQscgv7Wjh3IpXMnVsVfGoC4RN8Z6bWDKkvWuW2b-dpp70FtaTzrCGRLexV_rqZxrQiUfen_7_GCclttXBaR3v-_5yseMnpu/"><a href="Link Loe">Judul Loe </a></td>
</tr>
</table></td>
<td width="133" height="30">&nbsp;</td>
</tr>
</table>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="90" height="30">&nbsp;</td>
<td width="147"><table width="146" border="5" cellpadding="0" cellspacing="0" bgcolor="#FFFF00">
<tr>
<td width="142" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsvYMkq6teUyK5MNmg9DVJQ-s4utY5qAkYJ_y4uW0ZlaCdQscgv7Wjh3IpXMnVsVfGoC4RN8Z6bWDKkvWuW2b-dpp70FtaTzrCGRLexV_rqZxrQiUfen_7_GCclttXBaR3v-_5yseMnpu/"><a href="Link Loe">Judul Loe </a> </td>
</tr>
</table></td>
<td width="96">&nbsp;</td>
</tr>
</table>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="120">&nbsp;</td>
<td width="143" height="30"><table width="142" height="30" border="5" cellpadding="0" cellspacing="0" bgcolor="#FBEFFB">
<tr>
<td width="142" height="30" align="center" background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsvYMkq6teUyK5MNmg9DVJQ-s4utY5qAkYJ_y4uW0ZlaCdQscgv7Wjh3IpXMnVsVfGoC4RN8Z6bWDKkvWuW2b-dpp70FtaTzrCGRLexV_rqZxrQiUfen_7_GCclttXBaR3v-_5yseMnpu/"><a href="Link Loe">Judul Loe </a></td>
</tr>
</table></td>
<td width="59">&nbsp;</td>
</tr>
</table> </td>
</tr>
</table>
<p>&nbsp;</p>


Note :  Kode Yang Pake Tinta merah itu kode warna .. kalo mau di ganti bisa .. caranya liat aja nih .: http://love-it-or-dead.blogspot.com/2011/02/cara-praktis-mengetahui-kode-kode-warna.html ..
Yang Make Tinya Biru itu adalah Link loe .. jadi tulis aja disitu Link tujuan nya !!
Kalo Warna Ijo Lumut itu Judul nya yang akan jadi keterangan di daftar isi nya !! .. Tulis apa aja sesuai selara

> Klik Save dan lihat hasilnya

I Like your FOLLOW and your COMMENT !!

Posted in: Tips and Trik