I know this is just another tutorial you found online for creating horizontal menu on a self hosted wordpress blog. But this is going to be really basic for those who do not want any fancy menus to start with. The more of you can be found here

I created a simple menu right above this post. Follow the steps as follows :

1) Goto Admin Panel > Themes >editor

2) Open Header.php and nicely place your menu wherever you want. It is going to be a horizontal menu as the title say.

<div id="navmenu">
	<li><a href="">Home</a></li>
	<li><a href="" >About Realin</a></li>
	<li><a href="">Diverse Talks</a></li>

3) Now lets decorate these fancy links of ours. Open style.css now, and paste this code. Feel free to play around with until you get the desired results.

#navmenu {margin-bottom: 30px;}
#navmenu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px;
padding: 5px 10px 5px 10px; color:#ffffff;background: #000000;}
#navmenu ul li a:hover {color: #e1e1e1;	text-decoration:underline;}

Share this post: