cara membuat menu horizontal


EDIT HTML

Simpan diatas ]]></b:skin>

div.redmenu{ background:#9A0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxevZ6uJiTmvTn2ZDJO_j0A2jB9ZHoux2mZX01cXUUUrXXyJDCLu339_ItF47JBpr48KPkdsXlDj-YrX_kdwWJHetm3Fb9alanWHlFJDgqdrGM__7Gp2uGMkqbhDkFi4ImO5x2tx2DO4/h120/bg1.gif); border:1px solid #000; font-size:0; }
div.redmenu a{ display: inline-block; padding: 0 20px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc5Qu6AhFZFjf82Ta5JRCPZiUHLSalCbSVgXuFTyq12eYkWUM76RcGtsXHmeLJMw7F1ZfZPIJ01yppHAE5w2J_h8O3ItKW8nQiDieAbR0ZuDWZkZl65T6mLRgC-mR0wB4GB6TNprOeE-k/h108/bg.gif); color:#fff; text-decoration:none; font: bold 12px Arial; line-height: 32px; }
div.redmenu a:hover, div.redmenu a.current{ background-position:0 -60px; }
div.redmenu a.end{ width:2px; padding-left:0;padding-right:0; }

Lalu Tambah Widget >> HTML/Javascript, paste kode ini:

<div class='redmenu'>
<a expr:href='data:blog.homepageUrl' class='current'>Home</a>
<a href='http://cara-bisnisonlines.blogspot.com'>Menu 1</a>
<a href='http:// cara-bisnisonlines.com'>Menu 2</a>
<a href='http:// cara-bisnisonlines.com'>Menu 3</a>
<a href='http:// cara-bisnisonlines.com'>Menu 4</a>
<a href='http:// cara-bisnisonlines.com'>Menu 5</a>
<a class="end">&nbsp;</a>
</div>



Ganti http://cara-bisnisonlines.blogspot.com dengan URL label blog anda