Đối với những blog có lượng nội dung lớn thì sitemap sơ đồ web là một công cụ không thể thiếu.. Sitemap sẽ giúp đọc giả dể dàng tìm ra một bài viết giữa muôn ngàn bài viết trên blog.. Tạ
Trang 1Tạo sitemap cho blogspot
chuyên nghiệp
Trang 2
Đối với những blog có lượng nội dung lớn thì sitemap (sơ đồ web) là một công cụ không thể thiếu Sitemap sẽ giúp đọc giả
dể dàng tìm ra một bài viết giữa muôn ngàn bài viết trên
blog
1 Tạo liên kết (link) cho sitemap Bạn có thể làm theo 1
trong 2 cách sau:
Bạn viết 1 bài viết mới Đặt tên tiêu đề là Sitemap và bỏ
trống phần nội dung Xuất bản bài viết Và copy liên kết đến bài viết đó
Ví dụ như trên trang của mình mình có liên kết đến sitemap
là
Sitemap | Mỹ phẩm | Mỹ phẩm sài gòn | Máy tạo kiểu tóc Xem demo Sơ đồ website
Trang 32 Vào thiết kế → chỉnh sửa HTML chèn đoạn code sau vào
trước thẻ </head>
PHP Code:
<b:if cond='data:blog.url == "http://www.shopmypham 360.com.vn/2012/10/sitemap.html"'>
<script type='text/javascript'>
//<=!=[=C=D=A=T=A=[
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;
Trang 4}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '>' + entryTitle +
"</a> </li>";
document.write(item);
}
document.write('</ul>');
}
//]=]=>
</script>
<style type='text/css'>
Trang 5#sitemap{width:940px;margin:0
auto;padding-bottom:10px;float:left;}
#sitemap ul li {list-style: disc url(http://2.bp.blogspot.com/-qZ02faFpOeY/UHmq0AKiY7I/AAAAAAAAAcM/N1jOia_ sdbo/s1600/icon.png) inside; vertical-align: top; padding-left:50px;margin: 0;}#sitemap ul li:hover
{list-style: disc
url(http://3.bp.blogspot.com/-fiTtxnqfStY/UHmqzBvvJnI/AAAAAAAAAcE/S0YkoksXgq A/s1600/iconhover.png) inside; vertical-align: top;padding-left:50px;margin: 0;}
.sm-left,
.sm-right{width:450px;font-size:18px;tex-align:justify}
.sm-left{float:left}
.sm-right{float:right}
p.smtitle
{border-bottom:1px dotted rgba(255, 255, 255, 0.35);clear:both;color:
#2554C7;font-family:Georgia;font-size:20px;padding:10px 25px 5px
Trang 65px;text-align:left;text-shadow:2px 2px 1px black;text-transform:lowercase;}
#content-wrapper{display:none}
#outer-wrapper {display:none}
</style>
</b:if>
3 Chèn đoạn code sau vào sau thẻ </head>
PHP Code:
<b:if cond='data:blog.url == "http://www.shopmypham 360.com.vn/2012/10/sitemap.html"'>
<div id='sitemap'>
<div class='sm-left'>
<p class='smtitle'><a href='http://www.shopmypham360.com vn/'>Trang chủ</a></p>
<p class='smtitle'><a href="/search/label/Giới
Trang 7thiệu?max-results=10'>Giới thiệu</a></p>
<script src='/feeds/posts/summary/-/Giới
thiệu?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a href="/search/label/Mỹ phẩm Lavox?ma x-results=10"'>Mỹ phẩm Lavox</a></p>
<script src='/feeds/posts/summary/-/Mỹ phẩm Lavox?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a href="/search/label/Mỹ phẩm Kanac?ma x-results=10"'>Mỹ phẩm Kanac</a></p>
<script src='/feeds/posts/summary/-/Mỹ phẩm Kanac?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a href="/search/label/Mỹ phẩm Tiva?max
Trang 8-results=10'>Mỹ phẩm Tiva</a></p>
<script src='/feeds/posts/summary/-/Mỹ phẩm Tiva?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a href="/search/label/Máy tạo kiểu tóc?m ax-results=10"'>Máy tạo kiểu tóc</a></p>
<script src='/feeds/posts/summary/-/Máy tạo kiểu tóc?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a href='http://www.shopmypham360.com vn/2012/10/sitemap.html'>Sơ đồ website</a></p>
</div>
<div class='sm-right'>
Trang 9<p class='smtitle'><a href="/search/label/Sản phẩm mới?max-results=10"'>Sản phẩm mới</a></p>
<script src='/feeds/posts/summary/-/Sản phẩm mới?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a href="/search/label/Mỹ phẩm?max-results=10"'>Mỹ phẩm</a></p>
<script src='/feeds/posts/summary/-/Mỹ
phẩm?max-
results=500&alt=json-in-script&callback=allpostslist'/>
<p class='smtitle'><a
href="/search/label/Tintuc?max-results=10"'>Tintuc</a></p>
<script
src='/feeds/posts/summary/-/Tintuc?max-
results=500&alt=json-in-script&callback=allpostslist'/>
Trang 10</div>
</div>
<div style='clear: both;'/>
</b:if>
Save template lại là hoàn thành
Chú ý:
Ở bước 3 thay nhãn 1 2 3 a b c thành các nhãn trên blog của bạn
Ở bước 2 có 1 đoạn code màu vàng Đoạn code này sẽ khác nhau tùy theo blog Bạn có thể thử thay thế với 1 trong những đoạn code bên dưới