Configure Middle Dropdown Menu:

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