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

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

2. Chỉnh sửa 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 ở 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>

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

<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>

4. Chỉnh sửa 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&d=mm&r=g' srcset='http://0.gravatar.com/avatar/?s=192&d=mm&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>

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

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