vnbacklink

Tiện ích này giúp bạn co 1 sitemap đẹp, như hình minh họa dưới đây, trong bài viết này mình ví dụ toàn bộ blog của mình có 17 nhãn 2 cột (tùy bạn), các bạn xem và copy lại về và chỉnh sửa cho phù hợp blog mình trước khi áp dụng:

Để làm được điều này, các bạn thực hiện các bước sau đây:

Bước 1. Vào Bài đăng mới (Đăng bài viết) để xuất bản một bài viết có tiêu đề tùy bạn, như: Sitemap, sơ đồ trang, bản đồ hót,...(phần khung nội dung để trống), xuất bản bài viết để lấy link cho trang Sitemap,...này.

VD: Link sitemap của mình: http://vnbacklink.blogspot.com/2011/11/sitemap.html

(xong, bạn có thể nhớ hoặc copy nó dán vào Word tạm để còn đưa nó vào trong bước 2 và 3)

Bước 2. Quay trở lại phần thiết kế, chỉnh sửa HTML và dán đoạn code sau đây vào trước thẻ </head>

Nhớ thay các thành phần này trong đoạn code: link của bạn, tùy chỉnh độ rộng width: 900px, 2link ảnh: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5WQDuqwpYmqiLOO9AGjr_crn0NvhXYWDMfr317EFGqnFyu-aEgUbCK7-ELJmN8VNNg6Z7pu2jbQjl5Z-effZlAwhoDpAcljkCjOqEe-XzkhVJ3jF4moPqDJI_aYlvWQZ8t9fAzpu-DV8/s320/iconslist.gif và https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdXs4MBwEgViZJ1OfRGIcP_guNSRdNf4xVo4phaT95GVXtVZUULPj-ANwqDQwpt1ofQGyU1WSsIcX8SRzQYAOQr5mSyynaqwUG4F4UyRozJ9biy3_m6E0d-bt1GHkkSHVX-OhPy7ZDrLt/s320/iconslisthover.png

phần đầu dòng tiêu đề xuất hiện text-align: right , ẩn đi 1 số Widget, ID,... #content-wrapper{display:none}

<b:if cond='data:blog.url == "http://vnbacklink.blogspot.com/2011/11/sitemap.html"'>
<script type='text/javascript'>
//<![CDATA[
function allpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {

if (json.feed.entry[i].link[j].rel == 'alternate') {

break;

}

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

document.write(item);
}

Thực hiện xong, các bạn lưu mẫu lại.

Bước 3. Tìm dòng <div id='content-wrapper'> và đặt trước nó bằng đoạn code bên dưới:

<b:if cond='data:blog.url == "http://vnbacklink.blogspot.com/2011/11/sitemap.html"'>
<div id='sitemap'>
<div class='sm-left'>

<p class='smtitle'><a href='/search/label/Soft%20crack%20keygen'>Soft crack keygen</a></p>
<script src='/feeds/posts/summary/-/Soft crack keygen?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Soft%20portable'>Soft portable</a></p>
<script src='/feeds/posts/summary/-/Soft portable?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Soft%20anti-virus'>Soft anti-virus</a></p>
<script src='/feeds/posts/summary/-/Soft anti-virus?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Soft%20security'>Soft security</a></p>
<script src='/feeds/posts/summary/-/Soft security?max-results=500&alt=json-in-script&callback=allpostslist'/>

</div>
<div class='sm-right'>

<p class='smtitle'><a href='/search/label/Download%20game'>Download game</a></p>
<script src='/feeds/posts/summary/-/Download%20game?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Download%20phim'>Download phim</a></p>
<script src='/feeds/posts/summary/-/Download phim?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Wallpaper-Desktop'>Wallpaper-Desktop</a></p>
<script src='/feeds/posts/summary/-/Wallpaper-Desktop?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p style='font-family:verdana,arial,sans-serif;font-size:10px;'><a href='http://vnbacklink.blogspot.com/2011/11/sitemap.html' target='_blank'>Admin: Nguyễn Hòa</a></p>
</div>
</div>
<div style='clear: both;'/>
</b:if>

Nhớ thay các thành phần này trong đoạn code ở bước 3:
Trích: <b:if cond='data:blog.url == "http://vnbacklink.blogspot.com/2011/11/sitemap.html"'>
<div id='sitemap'>
<div class='sm-left'>

<p class='smtitle'><a href='/search/label/Soft%20key'>Soft key</a></p>
<script src='/feeds/posts/summary/-/Soft key?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Soft%20crack%20keygen'>Soft crack keygen</a></p>
<script src='/feeds/posts/summary/-/Soft crack keygen?max-results=500&alt=json-in-script&callback=allpostslist'/>
...................
</div>

<div class='sm-right'>

<p class='smtitle'><a href='/search/label/Game hành động'>Game hành động</a></p>
<script src='/feeds/posts/summary/-/Game%20h%C3%A0nh%20%C4%91%E1%BB%99ng?max-results=500&alt=json-in-script&callback=allpostslist'/>

<p class='smtitle'><a href='/search/label/Game%20tr%C3%AD%20tu%E1%BB%87'>Game trí tuệ</a></p>
<script src='/feeds/posts/summary/-/Game trí tuệ?max-results=500&alt=json-in-script&callback=allpostslist'/>
.......

Bước 4: Lưu mẫu và xem thành quả, khi các nhãn tiêu đề có xuất hiện mà không xuất hiện bài thì xảy ra 1 trong các nguyên nhân sau: Bài viết chưa có, nhãn ghi chưa chính xác có phân biệt chữ cái mà bạn đặt trước đó. Để chính xác các bạn nên thử link đầy đủ ở tab mới trình duyệt web, khi có xuất hiện bài đăng ở ...feeds/posts...là được. Bạn thử copy đầy đủ 1 link này trên tab mới xem: http://vnbacklink.blogspot.com/feeds/posts/summary/-/Game trí tuệ?max-results=500