MEMBUAT MENU HORIZONTAL

cara menambahkan menu horizontal di blog



1. cari kode ini ]]></b:skin>
pastekan kode di bawah ini diatasnya

/* End Blogger Element */
.menuhorisontal{width:100%; overflow:hidden; border-bottom:0px solid #000000;}
.menuhorisontal ul{margin:0; padding:0; padding-left:0px; font:13px Arial; list-style-type:none}
.menuhorisontal li{display:inline; margin:0}
.menuhorisontal li a{float:left; display:block; text-decoration:none; margin-right:5px; padding:8px 8px 8px 8px; color:#ffffff; background:url(http://i909.photobucket.com/albums/ac297/heryymanjala/dark.jpg);}
.menuhorisontal li a:hover{color:#FFFF66; background:url(http://i909.photobucket.com/albums/ac297/heryymanjala/dark1.jpg)}



2. Copykan cari letak sendiri kode dibawah ini sesuai blog,atau cara paling mudah klik -gadget klik- html javascript pastekan disitu dan letakkan sesuai selera anda

<div style='border: 0px solid rgb(164, 164, 164); padding: 0px; background:url(http://i909.photobucket.com/albums/ac297/heryymanjala/dark.jpg) ; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;'>
<div class='menuhorisontal'><li>
<li><a href='http://bio212.blogspot.com/'>Home </a></li>
</li><li> <a href='http://bio213.blogspot.com/' target='new'&apos;'>Mutiara</a>
</li><li> <a href='http://bio214.blogspot.com/' target='new'&apos;'>Property</a>
</li><li> <a href='http://bio217.blogspot.com/' target='new'&apos;'> Renungan</a>

</li>
</div>
</div>

<form action='http://bio212.blogspot.com/search' class='searchinput' method='get' name='form'><table><tbody&><tr><td><input framewidth='1' height='2' name='q' size='20' title='Type for search and Enter' type='text' value=' '/><input checked='checked' name='sitesearch' type='hidden' value='http://trickmp.multiply.com'/></td><td><input alt='Search' name='' searchsubmit='' src='http://images.multiply.com/multiply/icons/clean/24x24/search.png' title='Search' type='image'/></td></tr></tbody></table></form>
<!-- start page -->

Artikel Lainnya Dibawah ini