ThanhJR

Demo : Trang Chủ Trên Pc 

<div class="lightsosmed-img">
<img alt="tu-hoc-seo-online" class="img-responsive" height="180" src="https://img1.steemit.com/0x0/http://www.skipprichard.com/wp-content/uploads/2013/01/iStock_000012933486Small-583x343.jpg" title="Blogspot VN" width="300" />
<div class="aboutfloat-img"><span class="lightsosmed-float"><a href="https://www.blogger.com/follow-blog.g?blogID=1730051984977787828" rel="nofollow" target="_blank" title="Theo dõi"><i class="fa fa-heart"></i> THEO DÕI</a></span></div>
</div>

<div class='widget-content'>
<style type="text/css">
ul.blmoi a{font-weight:400;}
ul.blmoi{padding:0;list-style:none}
ul.blmoi li{margin-bottom:10px;border-bottom:1px dashed #d2d2d2;padding-bottom:10px}
</style>
<script>
//<![CDATA[
var sl_nhanxet = 5,
    kt_nhanxet = 25;
function nhanxetmoi(json){var entry,commurl,commsum;document.write('<ul class="blmoi">');for(var i=0;i<sl_nhanxet;i++){entry=json.feed.entry[i];if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){commurl=entry.link[k].href;break;}}
commsum=("content"in entry)?entry.content.$t:("summary"in entry)?entry.summary.$t:"";commsum=commsum.replace(/<.*?>/g,"");if(commsum.length>kt_nhanxet)commsum=commsum.substring(0,kt_nhanxet)+"...";document.write('<li><strong><a rel="nofollow" href="'+commurl+'">'+entry.author[0].name.$t+':</a></strong> <span>'+commsum+'</span></li>');}
document.write('</ul>');}
//]]></script>
<script src='/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi'></script>
</div>

<div id="wrap"> <a class="btn down" href="http://blogvutienanh.blogspot.com/" rel="nofollow" target="_blank">Demo <i class="fa fa-paper-plane"></i></a><br /> 
<a class="btn down" href="http://vutienanh.pro" rel="nofollow" target="_blank">Dowload <i class="fa fa-file"></i></a>
</div> 

1. Parallax Effect: People love to see big things in action. Larger parallax images help to create a perception of depth and a stunning visual experience that encourages users to read more.
2. Material Cards: Cards help distribute information so the visitors can easily decide if they want to read an article by clicking in the info button and seeing small pieces of content.
3. Multilevel Cascading Menus: Navigational menus provide to users an easy way to identify their interests. Categorize users’ interests with intuitive dropdown menus and forget about the code needed to build them using our dropdown-menu builder.
4. Floating Ajax Search Button: Returning visitors are vital for a growing website. Let them find what they love with an unobtrusive but easy to use ajax search button. jQuery search as you type with ajax.
5. Mobile friendly: Responsive Design and Bootstrap Carousel Slider with mobile left|right swipe.
6. Social Media Optimization: social platforms integration and a share button that appears when user is reading an article. Open Graph, Twitter Cards, Schema, and whatsapp share button.
7. SEO Friendly: Breadcrumbs, Schema Markup, different meta descriptions on every article.
8. DNA Templates’ Pseudo-random Masonry Layout, radial animated loading, animated numbered page navigations.
9. Full LTR and RTL Support Ready: Even animations are RTL supported, no aditional settings needed.
10. Smart Text Opacities: By selecting certain text colors Genesis Mag will automatically adjust the text opacities.
11. Self-translatable Elements.
12. Blogger Fonts supported.
13. Multi-comment system: Google+, Blogger, Facebook and Disqus. Adsense Ready, HTTPS Ready on blogspot domains, prebuilt colored skins.
14. Material design forms: Both Contact form and Subscribe Form have elements with animations such as the selector and label.
15. Total Pageviews: It Displays the Total Pageviews with customizable animated charts and counters.
16. Mobile Navigation Drawer with Mobile Swipe Support. Background header, body and footer customizable.
17. Cards loaded with Ajax: Related Content Cards based on articles content, labels and random.

• Những tiện ích trong template này đều được làm thủ công vì thế sau khi sử dụng mọi thắc mắc hay vấn đề gì đó hãy Comment xuống phía dưới hoặc ib qua Facebook Của Mình.
• Hướng dẫn sữ dụng template các bạn xem tại đây: Click
• Menu trong blog đã chuyễn thành HTML nhé.