Hôm qua mò mẫm mấy trang trên mạng kiếm được một cái sitemap cho blogspot khá ưng ý. Muốn chia sẻ code sitemap đẹp này cho anh em.
Các bạn có thể xem Demo tại: http://giaitri.vietdesigner.net/p/sitemap.html
Sau đây em xin được gửi cho các bác code sitemap đẹp blogspot của em nó:
Bước 1: Tạo một trang mới bằng cách vào bảng điều khiển Blogger -> Trang (Pages) → Trang mới (New Page) → Soạn thảo ở chế độ HTML
Bước 2: Dán code sitemap dưới đây vào nội dung trang
Code:
<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Loading...</span></div>
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://decaldankinhgiare.blogspot.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script type="text/javascript" src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>
Bước 3: Lưu mẫu lại và xem kết quả
Chúc cả các bác thành công và có 1 sitemap đẹp nhé!
0 nhận xét trong bài "Chia sẻ Code Sitemap Cực đẹp cho Blogspot"
Post a Comment