Tạo sitemap cho blogspot với hình thu nhỏ cực đẹp

Sitemap đẹp cho Blogspot là một vấn đề khiến các blogger khá đau đầu. Trong bài viết dưới đây mình sẽ hướng dẫn các bạn tạo một sitemap cho blogspot với hình thu nhỏ (thumbnails) khá đẹp.
Demo: Sitemap

Demo Sitemap cho Blogspot

Bước 1: Các bạn hãy vào trang quản lý của Blogspot chọn blog mà bạn muốn tạo sitemap. Sau đó thêm một trang mới (Chọn Blank Page) đặt tên là Sitemap hoặc Sơ đồ trang web chẳng hạn.

Create Blank Page Blogger/Blogspot

Bước 2: Chèn đoạn code sau vào trang và click Cập nhật (Xuất bản)
<script src='https://my-server-film.googlecode.com/files/tohaitrieu.net-sitemap.js'> </script> <script style='text/javascript'> var numposts = 999; var showpostthumbnails = true; var displayseparator = true; </script> <script src="http://www.trakoiit.blogspot/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>
Thay http://www.trakoiit.blogspot bằng link trang web của bạn
Lưu ý: Bạn có thể sử dụng cách này để tạo trang liệt kê bài viết cho từng labels (nhãn) để tăng mức độ thân thiện với công cụ tìm kiếm của google bằng cách thay đoạn code:
default?orderby=published
Bằng:
default/-/Your%20Label?orderby=published
Và thay Your%20Label bằng nhãn của bạn.
Bước 3: Chọn Mẫu (Template) –> Chỉnh sửa HTML:

Template Editor Blogger/Blogspot

Ctrl+F rồi tìm đến đoạn sau:
]] >
Thêm mã css này vào bên trên code trên:
.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: left; top:0px;}
.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 10px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}
#list{list-style: none; padding-left: 0px; margin-left: 0px;}
.li-pages{list-style:none;}

Sau đó Lưu (Save)
Bây giờ hãy truy cập đường dẫn http://www.blogcuaban.com/p/sitemap.html và xem kết quả nhé
Lưu ý: Các bạn nên đặt tên trang là Sitemap thì url của trang sẽ ra là sitemap như vậy gọn gàng và đẹp hơn. Sau đó xuất bản. Để sửa tên của Trang thì bạn chọn trang và chỉnh sửa. Điều này không ảnh hưởng đến url của trang. Nếu bạn đặt tên trang ngay từ đầu là 'Sơ đồ' trang web thì url của trang sẽ rất xấu và không như mong muốn đâu nhé, google có thể sẽ bỏ mất chữ 'đ' trong url đấy.
- Nguồn Sưu Tầm