Simple Fast Seo - Template Blogger Responsive, thân thiện SEO

Simple Fast SEO là mẫu template blogger có thiết kế khá đơn giản nhưng tương đối đầy đủ các tính năng cần thiết cho một Blog. Template này có thể hiển thị tốt trên các kích thước màn hình khác nhau Desktop, Table, Mobile...



Một số tính năng
  • Responsive
  • Tốc độ Load nhanh
  • 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
  • Bài viết mới nhất
  • Breadcrumb
  • Mobile Friendly
  • ....
Hướng dẫn cài đặt

1. Thiết lập Menu

Menu trên cùng + Button mạng xã hội

<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>404</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a></li>
<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>
 </ul>

Menu trên cùng khi hiển thị trên Mobile

<select class='sfs-menu-1-mobile' id='sfs-menu-1-mobile'>
<option value='#'>Home</option>
<option value='#'>About</option>
<option value='#'>Contact</option>
<option value='#'>404</option>
<option value='#'>About</option>
<option value='#'>Sitemap</option>
</select>

Menu chính

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

2. Thiết lập Subscribe Box

<div class='subscribebox'>
<h4>Subscribe via Email</h4>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&quot;https://feedburner.google.com/fb/a/mailverify?uri=nguyentien&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true' target='popupwindow'>
<input id='subscribe-input' name='email' placeholder='Email Address..' type='text'/>
<input name='uri' type='hidden' value='nguyentien'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='subscribe-button' type='submit' value='Subscribe Now'/>
</form>
</div>

3. Thiết lập Logo

Các bạn vào Bố cục, chỉnh Widget giống trong hình


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

<div class='sfs-head-ads'><a href='#'><img src='https://lh3.googleusercontent.com/-x-ZbkHe1_q4/VyoC6qWluwI/AAAAAAAAC88/9GYixFNwcugpHn_qTWskb3Q3BIkk7HZKACCo/s1024/top-ad.jpg'/></a> </div>

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


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