» Simple Blog 1 - Template Blogger nhẹ, load nhanh

Simple Blog 1 - Template Blogger nhẹ, load nhanh

Simple Blog 1 là mẫu giao diện đơn giản, 2 cột, màu sắc tươi sáng. Mẫu template này mình đã tối ưu hóa một số chỗ để đặt được tốc độc load khá nhanh tuy nhiên vẫn đầy đủ các tính năng cần thiết




Điểm nổi bật 
  • Tộc độ Load nhanh - Kiểm tra
  • Responsive - Kiểm tra
  • Tối ưu hóa SEO
  • Hỗ trợ đặt Ads
  • Bài viết liên quan
  • Button mạng xã hội, chia sẻ bài viết
  • Trang 404
  • ....
Hướng dẫn cài đặt


1. Thiết lập Logo

<!-- Logo Start -->
....
<img alt='Simple Blog1' src='https://lh3.googleusercontent.com/-6CNRtpDd6tE/VyV7B8qKRyI/AAAAAAAAC70/P4J8jvCsUyI8gwzvgIt1gcKuaaCwBTXZgCCo/s534/logo.png'/>
....
<!-- Logo End -->

2. Thiết lập Menu

<!-- Menu Start -->
....
<ul id='menu'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</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='#'>Menu 2</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='#'>Menu 3</a></li>
</ul>
....
<!-- Menu End -->

3. Thiết lập Button mạng xã hội

<!-- Social Button Start -->
<li class='social'><a href='#'><i class='fa fa-rss'/></a></li>
<li class='social'><a href='#'><i class='fa fa-instagram'/></a></li>
<li class='social'><a href='#'><i class='fa fa-google'/></a></li>
<li class='social'><a href='#'><i class='fa fa-twitter'/></a></li>
<li class='social'><a href='#'><i class='fa fa-facebook'/></a></li>
<!-- Social Button End -->

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


5. Thiết lập quảng cáo

<div class='post-ads'>
<a href='#'><img src='https://lh3.googleusercontent.com/-ADueFXWoFUg/VyQeIDqb5rI/AAAAAAAAC5A/EhY0KFFVkowMveWrwG0xgQ1qkndSTOmtACCo/s400/ads-head.png'/></a>
 </div>

Lời kết : Đây là template đầu tiên mình thiết kế và chia sẻ, mong được sự góp ý của các bạn