Blogger - Cách tạo trang sitemap HTML

Blogger - Cách tạo trang sitemap HTML.

Bài viết này sẽ hướng dẫn bạn cách tạo một trang sitemap HTML.

Đầu tiên tôi cần vị trí lưu trang sitemap này tại một URL. Ví dụ :

http://www.erhay.com/p/site-map.html

Demo

Thêm code sau vào trước body của bạn (cần phải chỉnh sửa lại) :

<b:if cond='data:blog.url == &quot;http://www.erhay.com/p/site-map.html&quot;'>
<script type='text/javascript'>
//<![CDATA[
var numposts = 16;
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 style="overflow:hidden; display:block">');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
//]]>
</script>
<style type='text/css'>.boxx{width:310px;float:left;background:#F4F4F4;margin-right:20px;height:515px}
.general-list{background-color:#f4f4f4;padding:10px}
{margin:0;padding:0;list-style:none;text-decoration:none;border:0}
.general-list h2{font-size:12px;line-height:24px;color:#148981;border-bottom:solid 2px #148981;text-transform:uppercase}
.clearfix:before,.clearfix:after{content:&quot;\0020&quot;;display:block;height:0;overflow:hidden}
.list li{display:block;background:#F4F4F4;margin-bottom:20px;width:100%;clear:both;float:left}
.general-list li{background-position:-250px -55px;padding:10px 0 0 0;margin:0}
.general-list .list li{background-image:url(http://soha.vn/Images/sprite6.png);background-repeat:no-repeat}
.general-list li a{font-size:11px;line-height:14px;color:#777;font-weight:bold;padding-left:13px;float:left}
.clearfix ul{margin:0;padding:0}
#Blog1{display:none}
.content-inner{display:none}
#Navbar1{display:none !important}
</style><div style='width:975px; margin:0 auto'>
<div style='width:975px; height:40px; line-height:40px; background:#f7f9f9; border-bottom:1px solid #e0e0e0; margin-bottom:20px'>
<h1 style='line-height:45px;padding-left:100px; font-size:18px'>Tất cả bài viết</h1>
</div>
<div class='boxx'>
<div class='clearfix general-list'>
<h2>Nên xem</h2>
<ul class='list clearfix'>
<script src='http://www.erhay.com/feeds/posts/default/-/A.Thông điệp?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999'/>
</ul>
</div>
</div>
<div class='boxx'>
<div class='clearfix general-list'>
<h2>Làm đẹp</h2>
<ul class='list clearfix'>
<script src='http://www.erhay.com/feeds/posts/default/-/L2.Làm đẹp?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999'/>
</ul>
</div>
</div>
<div class='boxx' style='float:right; margin-right:0 !important'>
<div class='clearfix general-list'>
<h2>Sức khỏe</h2>
<ul class='list clearfix'>
<script src='http://www.erhay.com/feeds/posts/default/-/L.Sức khỏe - đời sống?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999'/>
</ul>
</div>
</div>
</div>
</b:if>

Ở những code trên bạn cần lưu ý :

- Đường dẫn màu đỏ : http://www.erhay.com/p/site-map.html là địa chỉ sitemap bạn phải đổi lại là của mình

- Style CSS được đánh dấu màu xanh. Bạn cần loại bỏ tất cả các CSS không liên quan đến sitemap bằng cách cho chúng thuộc tính display:none. Display:none tuy không được tối ưu nhưng là cách đơn giản cho tất cả mọi người.

- var numposts = 15; là số bài viết tối đa trên một Label. Số bài viết tối đa là 500.

- Đổi lại tất cả các URL thành của bạn : Ví dụ : <script src='http://www.erhay.com/feeds/posts/default/-/A.Thông điệp?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999'/>

ở đây :

+ www.erhay.com là địa chỉ web.
+ A.Thông điệp là nhãn (Label).


Ok. Vậy là đã xong. Nếu bạn không làm được vui lòng để lại địa chỉ mình sẽ giúp bạn tạo sitemap.

M.Anh - Vui lòng ghi rõ nguồn Erhay khi phát hành thông tin từ trang này.