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..
<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 -->
<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 -->
Đăng ký:
Nhận xét (Atom)
Popular Posts
-
<!-- mega menu start --> <div class='Flat_mega_menu'> <i class='fa fa-bars'/> <!-- fontawesome m...
-
<div class="eggTray"> <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id...

Recent Comment