Cũng như tiêu đề ở trên "Hướng dẫn tạo sitemap cho blogspot cực pro", mình sẽ giới thiệu mọi người cách tạo một sitemap đẹp và độc đáo cho blogspot.
![]() |
[Blogspot] - Hướng dẫn tạo sitemap cho blogspot cực pro |
Demo now:
Sitemap Công nghệ thông tin - Chia sẽ kiến thức công nghệ!Như ta đã biết một trang blog hay website khi khi dựng lâu sẽ có nội dung rất lớn, việc đọc giả xem được bao quát tất cả các bài viết, nội dung của blog, web là vô cùng khó, vậy nên cần thiết phải có một "Bản đồ trang web" để mọi người có thể dễ dàng xem nội dung, cấu trúc của trang web, blog của mình.
Sitemap là gì?
Thuật ngữ Sitemap – hay còn gọi là sơ đồ của website hoặc sơ đồ trang, là một dạng danh mục các thành phần, cấu trúc của website, có tác dụng hỗ trợ, điều hướng hành vi của người dùng hoặc hỗ trợ bot của các công cụ tìm kiếm(Google, Bing, Yahoo,…) có thể thu thập dữ liệu về Data Center của Search Engnine.
Với đặc điểm đó, Sitemap cực kỳ quan trọng trong quá trình làm SEO, chúng ta cần phải hiểu chính xác đặc điểm của Sitemap và cách tổ chức Sitemap sao cho vừa có ích cho người dùng và vừa thân thiện với các công cụ tìm kiếm (Search Engine)
Hướng dẫn tạo sitemap cho blogspot?
Đăng nhập vào blog. Sau đó, Click chuột vào tab "Pages" (Trang) -> Chọn "New Page" -> Nó sẽ hiện ra cửa sổ soạn thảo. Ở đây, tao thấy có 2 chế độ soạn thảo là: Compose và HTML, ta nhấn chọn "HTML" và dán vào phần nội dung đoạn mã sau vào:<style type="text/css">Chú ý: ta thay trang blog: http://khoacongnghethongtin.blogspot.com thành tên trang blog của bạn. Ngoài ra ta nên down file js: http://makingdifferent.github.io/blogger-widgets/sitemappage.js để tránh việc nó bị die.
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="http://khoacongnghethongtin.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Nguồn bài viết (Source): http://www.bloggerwidgetgenerators.com/2014/07/create-sitemap-page-in-blogger.html
Không có nhận xét nào:
Đăng nhận xét