Select Menu

Combined Post

Mag Posts

Combined Posts 2

Mag Post 2

2 Column Post

Simple Post

Simple Post 2

New Carousel

Video Posts

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG-LINK-HERE/feeds/posts/default"},
"hideHeader":"false","height":"","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:0px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:none;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTD5uSNNFub-JwS9W56F1Ai8N2zknvH8Y_nx2559ezPD_QBhsBIj0mMCLziIo8n269T91j34wnX9A9DQHkt9SDYGmdDJ4FAb7CVFyT65aV1Sw_8CIJG5OGZZ7nC8G9m7Nn3E2mOFUuNyA/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>




Just Add a widget in the side bar, in the above code Change YOUR-BLOG-LINK-HERE to your website. Its done..
<!-- mega menu start -->

<div class='Flat_mega_menu'>

<i class='fa fa-bars'/> <!-- fontawesome mobile button icon -->
<input class='mobile_button' type='checkbox'> <!-- checkbox button for mobile to expand submenu -->

<ul>
    <li><a href='#'>Ultra Mag</a></li>
    <li><a href='#'>Design</a>
        <ul class='submenu one_col'> <!-- submenu with one column -->
            <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><i class='fa fa-angle-right'/><a href='#'>E-Commerce</a>
                <ul class='submenu one_col'> <!-- submenu with one column -->
            <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Magento</a></li>
                <li><i class='fa fa-angle-right'/><a href='#'>Joomla</a>
                        <ul class='submenu one_col'> <!-- submenu with one column -->
            <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
            </ul>
                        </li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
            </ul>
                </li>
                <li><a href='#'>UI-UX-Design</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
            </ul>
        </li>
    <li><a href='#'>Freebies</a>
        <ul class='submenu two_col'> <!-- submenu with two column -->
            <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
            </ul>
        </li>
    <li><a href='#'>Tutorial</a>
        <ul class='submenu img_container'> <!-- submenu with image container -->
            <li class='title'>Latest Tutorials</li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
            </ul>
        </li>
        <li><a href='#'>News</a>
        <ul class='submenu img_container half'> <!-- submenu with image container half in size + two column-->
            <li class='title'>Latest News</li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
              <li><img alt='image 1' src='img/image_1.png'/><p>Image Description</p></li>
           
            <div class='two_col'>
                <li class='title'>Category One</li>
                <li class='title'>Category Two</li>
               
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                </div>
                </ul>
        </li>
    <li><a href='#'>More</a>
        <ul class='submenu four_col'> <!-- submenu with four column -->
            <li class='title'>Category One</li>
                <li class='title'>Category Two</li>
                <li class='title'>Category Three</li>
                <li class='title'>Category Four</li>
               
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
                <li><a href='#'>PSD Design</a></li>
                <li><a href='#'>Wordpress</a></li>
                <li><a href='#'>Magento</a></li>
                <li><a href='#'>Joomla</a></li>
                <li><a href='#'>E-Commerce</a></li>
                <li><a href='#'>UI-UX-Design</a></li>
            </ul>
        </li>
    <li class='social_bar'><a href='#'>Follow us</a> <!-- social bar -->
        <ul>
            <li><i class='fa fa-twitter'/><a href='#'>Twitter</a></li>
                <li><i class='fa fa-rss'/><a href='#'>RSS</a></li>
                <li><i class='fa fa-facebook'/><a href='#'>Facebook</a></li>
                <li><i class='fa fa-pinterest'/><a href='#'>Pinterest</a></li>
                <li><i class='fa fa-google-plus'/><a href='#'>Google</a></li>
                <li><i class='fa fa-skype'/><a href='#'>Skype</a></li>
                <li><i class='fa fa-linkedin'/><a href='#'>Linkedin</a></li>
                <li><i class='fa fa-flickr'/><a href='#'>Flickr</a></li>
            </ul>
        </li>
    <li class='user_login'><i class='fa fa-user'/><a href='#'>Contact us</a> <!-- login bar form -->
        <ul>
            <form action='#' method='post'>
                <table>
                    <tr>
                        <td>Name</td>
                        </tr>
                        <tr>
                          <td><input name='user_name' type='text'/></td>
                        </tr>
                        <tr>
                        <td>Email</td>
                        </tr>
                        <tr>
                          <td><input name='email_address' type='text'/></td>
                        </tr>
                        <tr>
                          <td><input type='submit' value='Submit'/></td>
                        </tr>
                    </table>
                </form>
            </ul>
        </li>
        <li class='search_bar'><i class='fa fa-search'/> <!-- search bar -->
        <ul>
            <form action='#' method='post'>
                  <input name='search_input' placeholder='Type Keyword here' type='text'/>
                  <input type='submit' value='Search'/>
                </form>
            </ul>
        </li>
  </ul></input>
   </div>
<!-- mega menu end -->