blogg theme9

      <ul class='submenu' id='navmenu'>
<li><a href='#'>Arnare</a></li>
<li><a href='#'>Blesuada</a>
<ul class='children'>
<li><a href='#'>Cursus</a></li>
<li><a href='#'>Fermentum</a></li>
</ul>
</li>
<li><a href='#'>Fusce</a></li>
<li><a href='#'>Lobortis</a></li>
<li><a href='#'>Mauris</a>
<ul class='children'>
<li><a href='#'>Penatibus</a></li>
</ul>
</li>
<li><a href='#'>Nibh</a></li>
<li><a href='#'>Quisque</a></li>
<li><a href='#'>Rhoncus</a>
<ul class='children'>
<li><a href='#'>Tincidunt</a></li>
</ul>
</li>
</ul>

Main featured widget

On Blogger Dashbord Click Template
Click Edit HTML
(Menu) Scroll down and Find this Code :

 <div class='featured'>
<span class='wpn_heading'>Featured Posts</span>
<div class='wpn_fthumbs'><a class='wpn_featured-arrowl' href='#'/>
<span><a href='#'><img class='wpn_active' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEoVITcyDcEkCu2lzEfMrf7dxVEnZf1WMRAfQhYrWn5Lle_vYFzTCqPtnVAbiKUyAQwD2GTP93LBkB_ucSnpMguqnyB4XmHsQlzazQ1a686-fbHq1BJ-7_Rir2eYQ9bRypabMjxN0u3DP-/s140/oymJaM.jpg'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic4jl83pgsTZWPHfdSLHXMK0uhBBLniLV96IT-ebdcQFxjFvkHewKnXgnEVLjv2xDS0vtrhrbNAY4zG1RDuiLNYtDbq00sCcjwMDl0bqNB0opudYgLHX2gFMqujDq1T3YaWziLG8LGirCQ/s140/sSrK1F.jpg'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrvjtZKoNGUjg2iRkXpaSIVS4WhpDigUAONfoLPk7uOcJsYim1AAzogUXQAAjKIsChjgHtRENjik6GhhfD3phyphenhyphenvYZmiSNd_Se4Vnr05J79N-57WXx4Ig9ZloF8FRrggJA_1VuBDg7dZZW/s140/P2R8CT.jpg'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGVjmPf6B4DTbuxgMzecL-D5_dv3RoPODovTuaU4zVmoodTH1XJDE3X4Li1OvYA5LfnP-5j_RSxWIZ-3tWpNuY3frwpsJk3WrKqGyF1hCbMBhKAOcGrGTZSZEWamI-AZYCHuh8v9CvT3iS/s140/6skKss.jpg'/></a>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSEbU1UUf8VaPZrzQIB54ENrzoehbD9bJ6ytRdFDq_HpZ5FwuzV2RUW38k0SZaP0yqqlFuE7PzeqzB5DQvLftjEb13BWaBnQOXizu5VLSt2Xwl43Xxt5BWzRdVliuqVVy3QFEzU8d27NdJ/s140/vAsEwk.jpg'/></a></span>
<a class='wpn_featured-arrowr' href='#'/></div>
<div class='wpn_featured-wrap'>
<ul>
<li><img class='wpn_thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Zj0CxawbdzXCnqAjaftAdanzNNJvhITlq9glcnr1Wih1p5k0m-0l6SFsBwkRoVrxEj3L22Vy40rgT-P4sJkCHGw8CvtFaTNVrmWUIN5mmjm48K5Gt7bIXs3NjfMQborNv2i-hq9tRa6Q/s584/vxy26H.jpg'/>
<div class='wpn_finfo'><a class='wpn_title' href='#'>Donec gravida lacinia mi hendrerit hendrerit</a><br/>
<p>Aenean at neque vel diam feugiat tempus quis auctor nibh. Phasellus ut viverra dol...<a href='#'>more </a></p></div></li>
<li><img class='wpn_thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCmxGL9ETmZz7MmBcUU_XxOhh9TFhyRy43SsRRn2fOZKsHAsmJvPJybLn_uImmG0j7ZQOKeKSHbPKQIWrd1tbwk3nodK17XWrfljdmOMNL3HPnGIsY8wPNnFiIsMUdWVmlPlqbD2WHhoPp/s584/ekyXCt.jpg'/>
<div class='wpn_finfo'><a class='wpn_title' href='#'>Aenean vitae leo ipsum nunc dolor</a><br/>
<p>In quis felis sit amet ligula consequat aliquam vitae a arcu. Nullam et ipsum id n...<a href='#'>more </a></p></div></li>
<li><img class='wpn_thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbUQW4wbEAusdQwErXGdzZ1NwMFDAS8anDLd5fgeHc1RBwM1z959e2VizGnOKstGpsRb0HjTTk8WsB0Bxtxb8JZCSyH2a1hag_P4V_vCJlfM6ON0WXi-L-3u8GD1-zuUIyNydeJgUawt8/s584/j7IUCe.jpg'/>
<div class='wpn_finfo'><a class='wpn_title' href='#'>Nullam tincidunt neque volutpat tellus</a><br/>
<p>Morbi eu sodales sem. Donec gravida,nisl non luctus sollicitudin,urna magna dign...<a href='#'>more </a></p></div></li>
<li><img class='wpn_thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjWaVdVQ2aXDu7Vx-VfreZ68WhDFhMdO-QGoyclg9V1tBilhKDc80fbKWrYTqYKa5sbV-Aka4OxavoWHHlgCQ_XKAga0pSIa62WbsfpZX21oTdNPrANvOnLtC97RDtvWZEbQqbzRngn3W/s584/icPGUJ.jpg'/>
<div class='wpn_finfo'><a class='wpn_title' href='#'>Quisque quis urna sagittis nibh dapibus</a><br/>
<p>Fusce dolor ligula,egestas nec eleifend quis,blandit sed lorem. Duis congue vest...<a href='#'>more </a></p></div></li>
<li><img class='wpn_thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyXtgkp3GDGcyqg1lJnWBn-J4phoP9oI5YXjtBeiYaJ5OW9TjEmZ8dxih6UqBK1fZ68tcQMDq_1fyorxkKs50PqP1qCvCCrNT3mt8c2A_1fbDNaJbdPuVnjo4XNjXU_fkPKsAIEVx0MfTy/s584/WEwY81.jpg'/>
<div class='wpn_finfo'><a class='wpn_title' href='#'>Pellentesque pulvinar magna non elit rutrum</a><br/>
<p>Phasellus fringilla condimentum leo ut mollis. In mauris nibh,iaculis at auctor a...<a href='#'>more </a></p></div>
</li>
</ul>
</div>
<div class='clear'/>
</div>

Red code is for small thumbnails, Blue is for main slider.

Facebook Page Plugin:

 <center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/soratemplates" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

or you can follow this tutorial if above method won't work

How to Add Responsive Facebook Like Box Widget In Blogger