Sang SEO Responsive Blogger Template

Sang SEO Responsive Blogger Template

Xem Demo

Các tính năng nổi bật

1. Tốc độ load trang cực kì nhanh, bạn có thể xem hình ảnh bên dưới. 

Điều này thật sự là hoàn hảo cho những vị trí có tốc độ đường truyền internet chậm.
2. Hỗ trợ tích hợp Author trong công cụ tìm kiếm. Đây cũng là một cách thực sự tốt cho việc SEO.

3. Quản trị trang web có cấu trúc dữ liệu

Các cấu trúc này được bổ sung nhằm website của bạn trở nên thân thiện hơn với các công cụ tìm kiếm. Điều mà các robot của google luôn mong muốn ở một website hoàn hảo.
4. Thiết kế đầy đủ Responsive. Bạn có thể kiểm tra tại đây
5. Valid HTML5, Valid CSS3 and Valid Author Rich Snippet.
6. Thân thiện với SEO và thân thiện với người dùng
7. Auto Readmore
8. Related Posts
9. Cool Threaded Comment
10. Page Navigation
Và còn rất rất nhiều tính năng tuyệt vời khác

Bạn thấy sao? Quá tuyệt vời cho một template blogspot mạnh mẽ phải không nào? Bên dưới là hướng dẫn cài đặt và tùy biến template. 

Chỉnh sửa tên và ID

Tìm đoạn code bên dưới trong mẫu và thay thế các vị trí 1 cách thích hợp vào những vị trí được đánh dấu

<meta content='ID Google Webmaster Verfikasi' name='google-site-verification'/>
<meta content='ID Bing Verification' name='msvalidate.01'/>
<meta content='ID Alexa Verification' name='alexaVerifyID'/>
<link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google Plus/about' rel='author'/>
<link href='https://plus.google.com/ID Google Plus' rel='me'/>
<meta content='Nama Author' name='Author'/>
<meta content='ID Facebook' property='fb:admins'/>

Meta Tag

Trước khi cài đặt bạn vui lòng kích hoạt Meta Tags trong phần cài đặt >>> Tùy chọn tìm kiếm >>> Tags >>> Mô tả. Nhập mô tả website của bạn vào sau đó lưu lại.
Sau đó trong mỗi bài viết bạn cần nhập mô tả vào trong hộp mô tả bên phải mỗi lần biên soạn bài viết.

Cài đặt hiển thị trên di động

Bạn cần tắt phần hiển thị trên di động bằng cách đi tới Cài đặt >>> Mẫu >>> Nhấp vào biểu tượng hiển thị trên di động để cài đặt.

Cài đặt các biểu tượng mạng xã hội

Tìm đoạn code bên dưới và thay thế bởi các đường link của bạn trong phần được đánh dấu

<nav class='menus'>
<ul class='nav-menus'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
<div id='social-list'>
<ul class='socmed'>
<li><a class='facebook' href='#' title='Facebook'>Facebook</a></li>
<li><a class='twitter' href='#' title='Twitter'>Twitter</a></li>
<li><a class='plus' href='#' title='Google Plus'>Google Plus</a></li>
<li><a class='linkedin' href='#' title='Linkedin'>Linkedin</a></li>
<li><a class='pinterest' href='#' title='Pinterest'>Pinterest</a></li>
<li><a class='youtube' href='#' title='YouTube'>YouTube</a></li>
<li><a class='rss' href='#' title='RSS Feed'>RSS</a></li>
</ul>
</div>
</nav>

Cài đặt Drop Down Menu

Bạn tìm kiếm đoạn code bên dưới và thay thế bằng những tiêu đề và đường link tương ứng của bạn.

<div id='navitions'>
<div class='isi'>
<nav class='navix' id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div id='searching'>
<form action='/search' id='search-buttons' method='get'>
<input name='q' placeholder='Search...' type='text'/><input id='search-button-top' type='submit' value=''/></form>
</div>
<a href='#' id='mobilenav'>Select Menu</a>
<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='/p/about.html'>Static Page</a></li>
<li><a href='#'>With Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
  <li><a href='/error.html'>Error 404</a></li>
</ul>
<script type='text/javascript'>
//<![CDATA[
menunav (jQuery);
//]]>
</script>
</nav>
</div></div>

Cài đặt bài viết mới nhất theo Labels

Thêm một widget và dán đoạn code bên dưới

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/Sukses?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag"></script>

var numposts: điền vào số bài viết mà bạn muốn hiển thị
var showpostthumbnails: Chọn true nếu bạn muốn hiển thị hình ảnh và false nếu bạn không muốn hiển thị hình ảnh
var showpostdate: Chọn true nếu bạn muốn hiển thị ngày tháng và false nếu bạn không muốn hiển thị
/feeds/posts/default/-/Sukses: Thay thế nhãn Sukses bằng nhãn bài viết bạn muốn hiển thị

Validasi HTML5 Widget

Bạn vui tìm mã <b:include name='quickedit'/> để loại bỏ các bản mẫu và blog của bạn là hợp lệ HTML5 

Như vậy chúng tôi đã giới thiệu một số nét về phần cài đặt. Chắc hẳn cũng sẽ có những sai sót trong khi cài đặt template này. Vì vậy đừng ngần ngại, hãy để lại những phản hồi để chúng tôi có thể giúp đỡ được bạn trong khả năng có hạn của mình.
Cảm ơn kang-mousir đã chia sẻ và hướng dẫn cài đặt Sang SEO Responsive Blogger Template.
Chúc các bạn có một website như ý!

Download Template

>