Recent Comments Copy This to HTML Widget.. <div id="rcentcomnets"><span class="loadx">Loading...</span></div> <script type='text/javascript'> //<![CDATA[ $(document).

ready(function () { rccommnetsx({ numComments:6, characters:100, adminBlog:"Your Google+/blogger name here" }); }); //]]> </script> NB: adminBlog is your blogger or google+ name with '' ex: adminBlog: 'Steve Brush' numComments is number of recent comment you want to show

Configure Middle Dropdown Menu: Login to blogger dashboard --> layout --> Edit HTML Now scroll down to where you see the codes below: <ul id='navnyaa'> <li><a href='#'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Archive</a></li> <li class='dgnsub'><a href='#'>Comments</a> <ul class='sub-menux'> <li><a href='#'>Sub Menu</a></li> <li><a href='#'>Sub Menu</a></li> <li><a href='#'>Sub Menu</a></li> <li><a href='#'>Sub Menu</a></li> </ul> </li> </ul> Just replace "#" with your menu item URL.

Configure Top Dropdown Menu: <ul class='menuhlng' id='topnav'>

<li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> <li><a href='#'>Advertise</a></li> <li><a href='#'>Usage</a></li> </ul> Just replace "#" with your menu item URL.

Configure Social Icon: <li><a class='ikon fb' href='#' title='Facebook'>Facebook</a></li> <li><a class='ikon twtr' href='#' title='Twitter'>Twitter</a></li> <li><a class='ikon goplus' href='#' title='Google+'>Google+</a></li> <li><a class='ikon rssx' href='#' title='RSS'>RSS</a></li> Just replace "#" with your menu Social Network URL.