Tạo Sitemap đẹp cho Blogspot

Tạo Sitemap đẹp cho Blogspot

Bài viết hướng dẫn các bạn tạo Sitemap cho Blogger. Lưu ý là Sitemap này khác với Sitemap mà bạn tạo để gửi trên Google Master Tool nhé. ...
Comment tháng 4 07, 2018
https://1.bp.blogspot.com/-RE3FOKthW0A/VeZ_APuyduI/AAAAAAAAJj4/KKJGvxwoCsw/s1600/tao-sitemap-cho-blog-cuc-dep%2B%25281%2529.png
Bài viết hướng dẫn các bạn tạo Sitemap cho Blogger. Lưu ý là Sitemap này khác với Sitemap mà bạn tạo để gửi trên Google Master Tool nhé.

Đây là dạng sơ đồ Web/Blog động nó cập nhật bài viết liên tục trên blog của bạn. Nó giúp cho người đọc có một cái nhìn tổng thể về trang Blog đang truy cập... Nhờ có sơ đồ, người đọc dễ dàng tìm đến các chuyên mục và bài viết chứa những thông tin cần tìm kiếm.
Live Demo: Sitemap
Cách tiến hành:
Đầu tiên bạn vào Blog => Trang => Trang mới => Chọn HTML và dán đoạn mã code dưới đây vào.
<style>
#bp_toc {background:#EE0000;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}</style>

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/khangplayboy/khangplayboy/e827e77c5fd8033f61ee740244072ba0ee471131/sitemap1.JS" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

#EE0000 là mã màu bạn muốn bảng mã màu tại đây
20px là đơn vị (tính bằng px) 
max-results=9999 là số bài đăng tối đa bạn muốn hiển thị
Cuối cùng là bấm chọn xuất bản và chúc bạn thành công. 
Tạo Sitemap đẹp cho Blogspot Tạo Sitemap đẹp cho BlogspotVũ Đình Khang8.8stars based on9reviews Bài viết hướng dẫn các bạn tạo Sitemap cho Blogger. Lưu ý là Sitemap này khác với Sitemap mà bạn tạo để gửi trên Google Master Tool nhé. ...

Bình luận:

Không có nhận xét nào: