Breaking News

Hướng dẫn Tạo Sitemap cho Blogspot chỉ bằng một đoạn code

Tạo Sitemap cho blogspot
Giới thiệu.
Bạn là một blogger đang tập tành những bước đầu xây dựng một blog thật chuyên nghiệp và đẹp. Nếu để ý các bạn sẽ thấy đa số các trang blog trên mạng đều có một mục "Sitemap" hay "Biểu đồ". Không biết họ dùng cái đó để làm gì nhưng chắc chắn là có mục đích riêng nhất định rồi.
Vì sao lại phải tạo Sitemap?.
Sitemap là một dạng biểu đồ, nó giống như chiếc bản đồ của chúng ta vậy. Có tác dụng giúp người đọc theo dõi bài đăng và tìm được các bài đăng theo ý muốn một cách nhanh nhất. Cái này là hoàn toàn cần thiết vì đối với một blog có rất nhiều bài đăng thì cần có sitemap để bài viết được độc giả quan tâm tìm kiếm dễ dàng hơn.
Tạo 1 Sitemap như thế nào?.
Trên mạng có vô số cách tạo sitemap, từ đơn giản đến phức tạp. Hôm nay mình sẽ hướng dẫn các bạn tạo 1 Sitemap chỉ bằng 1 đoạn code. Quá đơn giản nhé!
Bước 1: Đăng nhập Blogger rồi chọn "Trang".
Bước 2: Nhấn "Tạo trang mới" với tên bất kỳ và chuyển qua viết nội dung trang ở chế độ HTML.
Tạo trang mới

Viết nội dung bằng chế độ HTML
Bước 3: Thêm đoạn code sau vào trong trang rồi lưu lại.
<style scoped="" type="text/css">
#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';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:'Trebuchet MS';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;}
#comments {display:none;}
</style>
<div id="bp_toc" style="max-height: 1200px; overflow-x: auto; overflow: scroll;">
</div>
<script src="https://googledrive.com/host/0B3jgs-7rv9eUNFdPU2RyeDZKakU" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
Bạn có thể tùy biến màu sắc của khung sitemap sao cho vừa ý nhé! Cũng như độ cao của khung sitemap.
Kết luận.
Sitemap là một mục rất cần thiết đối với các trang blog, nó giúp blog trở nên chuyên nghiệp hơn, giúp người đọc tiếp cận với bài viết theo mục đích của họ dễ dàng hơn.

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