Hướng dẫn tạo sơ đồ trang web sitemap HTML blogger

Làm thế nào để tạo sơ đồ trang web sử dụng HTML trên hướng dẫn của bạn.Thông thường bạn chỉ nghe cách tạo sitemap với web hay với tool để tạo ra sitemap.xml. Với cách hướng dẫn của luan kool sẽ giúp bạn tạo ra những sitemap.html chỉ trong vài giây mà thôi.
Bước 1:Tạo page sitemap.html
Đầu tiên bạn cần tạo page sitemap.html nếu bạn không tạo được đúng đường dẫn url thì xem lại bài hướng dẫn tạo địa chỉ url cho page cho blogspot nhé.
Bước 2:Sử dụng đoạn code sau:

<script src=”https://googledrive.com/host/0B-P4_Fs3S76ydURacVd6TlJyWW8″ type=’text/javascript’></script>
<script src=”http://www.blogcuaban.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”></script>
<style type=”text/css”>
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style>

Công việc của bạn cần làm đó thay thế bằng url của bạn.
Chúc bạn thành công!
Hãy chia sẻ hoặc comment ủng hộ mình nhé.

Để lại một trả lời

Hãy trở thành người đầu tiên bình luận về bài viết này!

avatar
wpDiscuz