Template Code

Recent Posts
copy this to HTML Widget..

<div id="rcentpost"></div>

Recent Comments
Copy This to HTML Widget..

<div id="rcentcomnets"></div>

Configure Menu with Dropdown:
Login to blogger dashboard --> layout --> Edit HTML
Now scroll down to where you see the codes below:

<ul id='navinti'>
 <li class='homex'><a expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li class='dgsub'><a href='#'>Archive</a>
  <ul class='subnya'>
   <li><a href='#'>Dropdown</a></li>
   <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>
 <li class='dgsub'><a href='#'>With Submenu</a>
  <ul class='subnya'>
   <li><a href='#'>Dropdown</a></li>
   <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>
</ul>

Just replace "#" with your menu item URL.

Configure Social Widget:
Search for:

<a class='soicon facebookx ' href='#' rel='nofollow' title='Facebook'>Facebook</a>
<a class='soicon twitterx ' href='#' rel='nofollow' title='Twitter'>Twitter</a>
<a class='soicon googlex ' href='#' rel='nofollow' title='Google+'>Google+</a>
<a class='soicon rssx ' href='#' rel='nofollow' title='RSS'>RSS</a>

Replace "#" with your Social Account URL.