Tạo sitemap (sơ đồ) cho blogspot theo phong cách chuyên nghiệp

☼ 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 và chọn Xuất bản.

<style>
#bp_toc {background:#ffaaa4;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/quangmen93/Javhay.org/master/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>

☼ Tùy chỉnh

·        Thay http://mmo4uchannel.blogspot.com/ thành tên miền của bạn

·        max-results=9999 or maxResults: 99999 kết quả bạn muốn nó xuất hiện <ở đây là 9999 kết quả>

·        Còn mấy tùy chỉnh khác thì mình không cần nhắc tới <nó quá dễ đối với các bạn>

☼ Kết luận

·        Sử dụng 1 đoạn HTML, 1 đoạn CSS và 1 đoạn JS mở => khả năng tùy biến rất cao và linh hoạt.

·        2 phong cách trên mình đều để Demo trực tiếp trong bài cho các bạn tham khảo luôn

·        Ở 2 phong cách trên mình đã gộp cả 3 đoạn HTML, CSS và JS chỉ thực hiện trực tiếp trên 1 trạng chuyên biệt không cần phải chỉnh sửa template New!

Share Share Share

blogspot thu thuat