The One Template Blogger - Template Blogger đơn giản, responsive

Đây là mẫu template mình lấy ý tưởng từ một theme wordpress của 7uptheme. Mẫu template nhìn chung cũng khá đơn giản, phù hợp cho các blog chia sẻ thủ thuât, game, phim....

Demo - Download

Một số tính năng

• Responsive
• Tối ưu hóa SEO
• Ads Ready
• Breadcrumb
• Mobile Friendly
• Bài viết liên quan 
• Button mạng xã hội, chia sẻ bài viết 
• Bài viết mới nhất
• Author Box
• .......

Hướng dẫn cài đặt

1. Thay Logo

<!-- Logo -->
  <a href='/'><img src='https://lh3.googleusercontent.com/-15Ye4ooxcdY/VyBW0rhImwI/AAAAAAAAC2c/vQ0SV7aO6DoXlLrmmez0WYJ5YIn9ekalgCCo/s240/logo.png'/></a>
<!-- Logo -->

2. Chỉnh sửa Menu 

<!-- Menu -->
<ul id='menu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Featured</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Menu 1</a>
</li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Mobile</a></li>
<li><a href='/'>Fashion</a></li>
<li><a href='/'>Shop</a></li>
<li><a href='/'>Travel</a></li>
<li><a href='/'>Spot</a></li>
</ul>
<!-- Menu -->

Menu ở Footer

<!-- Menu Footer -->
<ul>
<li><a href='#'>SUBSCRIBE</a></li>
<li><a href='#'>ADVERTISE</a></li>
<li><a href='#'>SITE MAP</a></li>
<li><a href='#'>PRESS CENTER</a></li>
<li><a href='#'>CUSTOMER CARE</a></li>
<li><a href='#'>CONTACT US</a></li>
<li><a href='#'>NEWSLETTER</a></li>
<li><a href='#'>WIRED STAFF</a></li>
<li><a href='#'>JOBS</a></li>
<li><a href='#'>RSS</a></li>
</ul>
<!-- Menu Footer -->

3. Chỉnh sửa button mạng xã hội

<!-- Social Footer -->
<ul>
  <li><a class='s1' href='#'><i class='fa fa-facebook'/></a></li>
  <li><a class='s2' href='#'><i class='fa fa-twitter'/></a></li>
  <li><a class='s3' href='#'><i class='fa fa-google-plus'/></a></li>
  <li><a class='s4' href='#'><i class='fa fa-youtube'/></a></li>
  <li><a class='s5' href='#'><i class='fa fa-pinterest'/></a></li>
  <li><a class='s6' href='#'><i class='fa fa-instagram'/></a></li>
</ul>
<!-- Social Footer -->

4. Chỉnh sửa Author Box 

<!-- Author Box -->
<div class='author-name'>
ABOUT AUTHOR / The One
  </div>
<div class='author-content'>
<div class='author-ava'>
<a href='#'><img alt='' class='avatar avatar-96 photo avatar-default' height='96' src='http://0.gravatar.com/avatar/?s=96&amp;d=mm&amp;r=g' srcset='http://0.gravatar.com/avatar/?s=192&amp;d=mm&amp;r=g 2x' width='96'/>  </a>
</div>
<div class='author-info'>
<p>Suspendisse potenti. Maecenas tristique condimentum lectus, a convallis nulla pellentesque a. Quisque ut est vitae leo finibus pharetra quis id sem. Integer quis eleifend felis, lacinia blandit dolor. Integer fringilla posuere dictum. Fusce lobortis eu mi id mattis. Nunc eu metus mi. Sed ac elementum tellus.</p>
<ul class='author-social'>
<li><a href='#'><i class='fa fa-google-plus'/></a></li>
<li><a href='#'><i class='fa fa-facebook'/></a></li>
<li><a href='#'><i class='fa fa-twitter'/></a></li>
<li><a href='#'><i class='fa fa-linkedin'/></a></li>
<li><a href='#'><i class='fa fa-youtube'/></a></li>
<li><a href='#'><i class='fa fa-vimeo'/></a></li>
</ul>
</div>
</div>
<!-- Author Box --> 

5. Thiết lập xem Blog trên Mobile

Chúc các bạn thành công