[Blogspot] Tạo sitemap Dynamic hoàn toàn mới và độc đáo cho blogspot

Ngày hôm qua mình có sang nhà thằng bạn chơi, ngồi nghịch laptop nó thì tự nhiên vớ được cái này ở web của nó. 1 kiểu sitemap vô cùng độc đáo và mới mẻ (ít ra là đối với mình ^^) nên xin luôn nó code hốt về đây share vội cho các bạn luôn.
Tính năng Dynamic View này ra đời cũng lâu lâu rồi nhưng ít người dùng, giờ mình dùng thì lại càng thấy hay.

Demo Click here

Cách thực hiện: Bước 1: Truy cập quản trị blogger - Trang - Tạo trang mới.
Bước 2: Dán toàn bộ đoạn HTML dưới đây vào tab HTML của trang mới tạo:

<!-- 
Author: http://sneeit.com
URL: http://sneeit.com/create-blogger-site-map-dynamic-view/
Sneeit Blogger iFrame Sitemap :: sbis 
-->
<style type="text/css">
.sbis {
 overflow: hidden;
 position: relative;
 height: 565px;
 margin: 20px 0 40px 0;
}
.sbis iframe {
 display: block;
 width: 100%; 
 height: 680px;
 margin-top: -115px;
 margin-left: -10px;
 padding-right: 10px;
}
</style>
<div class="sbis">
 <iframe src="http://YOUR_DOMAIN/view/flipcard"></iframe>
</div>

-Lưu ý: thay YOUR_DOMAIN bằng tên miền blog bạn nhé.

Bước 3: Lưu trang lại.
Vậy là các bạn đã có 1 sitemap mới theo phong cách Dynamic vô cùng độc đáo rồi đó.
Ngoài ra, nếu như không muốn dùng hẳn 1 đoạn HTML dài lê thê ở trên thì các bạn có thể chỉ dùng mỗi đường dẫn dạng:
http://YOUR_DOMAIN/view/flipcard thôi cũng được.
Bạn có thể tùy biến bằng cách thay đổi flipcard thành classic, magazine, mosaic, sidebar, snapshot, timeslide để tạo ra nhiều loại sitemap đẹp và độc đáo hơn nhé.
Chúc các bạn thành công.

Tình cờ ghé thăm các blogger nước ngoài thì thấy 1 bài y hệt nhưng viết cách bài mình sưu tầm 4 tháng lận, code thì không khác 1 giá trị nào trừ việc thay mỗi class để biến thành code của mình. Ghé thăm người bắt mình ghi nguồn comment phía dưới thì thấy họ cũng không ghi nguồn tác giả kia nên mình gỡ nguồn cũ.

Code flipcard: sneeit.com

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!