Free Download Sang SEO Responsive Blogger Template

Sang SEO Responsive Blogger Template là một template hỗ trợ mạnh mẽ trong việc SEO cũng như tối ưu hóa quảng cáo Adsense trên site - một điều mà các blogger luôn luôn mong muốn. Với tốc độ load cực kì ổn định sẽ làm bạn cực kì thích thú và .... hãy cùng chúng tôi trải nghiệm thực thế ngay điều này ^^

Free Download Sang SEO Responsive Blogger Template

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.

Sang SEO Responsive Blogger Template - Fast Loading

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

Sang SEO Responsive Blogger Template - Valid Author
3. Quản trị trang web có cấu trúc dữ liệu

Sang SEO Responsive Blogger Template - Webmaster

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ư ý!

Nhận Template mới nhất qua Email.

Nhập địa chỉ Email của bạn rồi chọn Đăng ký sau đó nhập kí tự captcha và vào địa chỉ email để kích hoạt hoàn tất.

Là một người rất đam mê các mẫu blogspot và MMO.

Bài trước
« Prev Post
Bài sau
Next Post »
8 Comments
avatar

Thanks bạn đã thông báo ^^
Mình đã fix link mới rồi nhé!
Thân

Trả Lời
avatar

Bạn ơi, làm thế nào để bỏ cái Powered by Blogger trên header.
và chỉnh sửa cái tittle của bài viết sang font chữ khác được nhỉ? :(((

Bạn add cái quảng cáo chitika mặc định vào các post như thế nào? mình chỉnh sửa ở phần layout mà k được -_-

Trả Lời
avatar

Trên Header có Powered by Blogger đâu cậu, cái đó ở phần Footer mà :-)
Bạn có thể bỏ nó đi bằng cách vào Chỉnh sửa HTML bấm chuột vào đoạn code đó, sau đó bấm Ctrl+F và gõ vào dòng chữ Powered by, sau đó xóa bỏ nó đi là ok
Còn về phần ads của Chitika thì mình chèn code vào trong HTML bạn à :-)
Thân.

Trả Lời
avatar

Cậu ơi. cái nút chia sẻ. và nút like trên telm nó cứ hiển thị là. Suka. #21 . chỉ mình đổi nó lại thanh like với

Trả Lời
avatar

Hi cậu, cái này bản thân mình đang sử dụng template này rất nhiều vẫn chưa sửa được cậu à :D Cứ để vậy thôi, tự người xem sẽ hiểu mà

Trả Lời
avatar

ui chán temp đẹp thế mà. :( cứ cái gì lq đến app fb là lỗi k chèn vô dc. híc. trach pải kiếm cái khác thui

Trả Lời
avatar

Bạn có thể xem qua một website mà mình đang sử dụng template này
Ebookshay.com
Thân ái

Trả Lời