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.

4 comments:

  1. Thanks for this code. It really works for my blogspot site.

    ReplyDelete
  2. @Olawale
    Thanks brother for your valuable comment!
    Keep on visiting this blog we often share the valuable tricks to our readers.
    Regards,
    Abdulsalam

    ReplyDelete
  3. Thanks for this
    Could you please share the url of your post through which we can download the theme of shoutmeloud

    Thanks

    ReplyDelete
  4. @Atul
    Just subscribe to our blog feeds and contact me regarding the template.I am sending this template to new subscribers only!

    Regards,
    Abdulsalam

    ReplyDelete

Don't Spam Please !