Login to blogger dashboard --> layout --> Edit HTML
Now scroll down to where you see the codes below: <ul id='menuhlng1'> <li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Archive</a> <ul class='submenu hidden'> <li><a href='#'>Dropdown</a></li> <li><a href='#'>Dropdown</a></li> <li><a href='#'>Dropdown</a></li> <li><a href='#'>Dropdown</a></li> </ul> </li> <li><a href='#'>Comments</a></li> </ul> Just replace "#" with your menu item URL. Configure Top Dropdown Menu: <ul id='menuhlng'> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> <li class='dgnsubtop'><a href='#'>More</a> <ul class='sub-menu-top hidden'> <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. Recent Post : Copy This to HTML Widget.. <div id="recentpostxx"><span class="loadingxx">Loading...</span></div> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { rccpostsx({ numpostx:10, animatedRecentPost:true, limitspy:5, id_cintainrp:"#recentpostxx", cmtext:"Comments", contjumlah:100 }); }); //]]> </script> Recent Comments: Copy This to HTML Widget.. <div id="rcentcomnets"><span class="loadingxx">Loading...</span></div> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { rccommnetsx({ numComments:10, animatedRecentcomments:true, limitspyrkm:5, avatarSize:50, 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