ShoutMeLoud Updated Theme For Blogger Customization - Part 2

It's been few weeks since i launch of shoutmeloud thesis theme. I received few complaints regarding the template. One of my readers pointed that how can i change my links in navmenu.So today i am going to post the customization of navmenu as i posted customization of logo in the first part. So, the bug has been fixed and its tutorial along with the customization of navigation bars are explained in this post.I will explain the tutorial step by step so follow these simple steps to customize navigation bars.

1.Login to your Blogger Dashboard>Design>Edit Html.

2.Find this code in your template,

<div id='pages'>
<div class='menu-navbar1-container'><ul class='menu' id='menu-navbar1'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-136' id='menu-item-136'><a href='http://www.devilstoolshop.com/'>Home</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-128' id='menu-item-128'><a href='http://www.devilstoolshop.com/p/about-us.html'>About</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-131' id='menu-item-131'><a href='http://www.devilstoolshop.com/p/widgets.html'>Widgets</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-127' id='menu-item-127'><a href='http://www.devilstoolshop.com/p/blogger-tricks.html'>Blogger tricks</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-133' id='menu-item-133'><a href='http://www.devilstoolshop.com/p/contact-us_23.html'>Contact Us</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-134' id='menu-item-134'><a href='http://www.devilstoolshop.com/p/services.html'>Services</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-135' id='menu-item-135'><a href='http://www.devilstoolshop.com/p/table-of-contents.html'>Table of contents</a></li>
</ul></div> <div id='google-search'>
<form action='http://www.google.com/cse' id='cse-search-box'>
<div>
<input name='cx' type='hidden' value='partner-pub-xxxxxxxxxxxxxxxxxxxxxxxx'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input name='q' size='18' type='text'/>
<input name='sa' type='submit' value=''/>
</div>
</form>
<script src='http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en' type='text/javascript'/>

</div>
<div class='clear'/>
</div>

3.Replace  the bolded text with your blog pages url.
4.Replace pub-xxxxxxxxxxxxxxxxxxxx with your Google AdSense pub id to start earning from AdSense for search.

I hope you all like this post,if you do please subscribe,comment and like us on Facebook.You can also follow me on twitter.