Bài 7: Hướng dẫn tạo trang sitemap html cho blogger

Bài trước mình đã hướng dẫn các bạn tạo sitemap cho blogger rồi. Bây giờ cũng là sitemap nhưng nó thể hiện trên một page htm các bạn nhé!

Cách tạo trang sitemap html cho blogger

Đầu tiên các bạn vào blogger của mình chọn vào mục Trang và thêm Trang mới như hình sau:

Nhập tiêu đề trang tùy ý các bạn, mình đặt là Sitemap, sau đó chọn chế độ soạn thảo HTML như hình:

Copy đoạn Script sau và dán vào vùng soạn thảo HTML

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
</script>

Bước trên xong nếu các bạn muốn bài viết hiển thị theo nhãn thì có thể làm như sau nhé:

<strong><a href="https://demow23.blogspot.com/search/label/Tips-blogger">Tips blogger</a></strong>
<br />
<br />
<ul>
<script src="https://demow23.blogspot.com/feeds/posts/default/-/Tips-blogger?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
<br />

Ghi chú: 

• Thay https://demow23.blogspot.com bằng tên blog của các bạn
• Thay Tips-blogger bằng tên nhãn của các bạn. Ví dụ mình có nhãn là "Name Label" thì mình sẽ thay là "Name%20Label" (phân biệt chữ hoa và chữ thường nhé). Nhãn có 1 từ thì không cần thêm %20.
• Thay Tips blogger bằng tên nhãn của các bạn nhưng không có %20 ở giữa.

Chúc các bạn thành công! Còn đây là trang sitemap của mình