Thứ Năm, 5 tháng 5, 2016

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



Nguyễn Quang Tiến

Nick Campbell

Mình là một sinh viên kinh tế nhưng có đam mê với việc xây dựng và phát triển Website, Blog. Mình có khả năng design template blogger, template html....

Không có nhận xét nào:

Đăng nhận xét