Tạo Sitemap đẹp cho Blogspot (Blogger)

1:03 CH

#1

Sitemap (sơ đồ trang web) là một tiện ích đã quá quên thuộc với WapMaster. Nó là một tiện ích chứa tất cả các đường dẫn bài viết của một trang web. Thông qua Sitemap độc giả có thể có được cái nhìn tổng quan về website của bạn và tìm kiếm các bài viết dễ dàng, thuận tiện hơn.

Bài viết dưới đây sửa chữa điện thoại sẽ chia sẻ với các bạn cách tạo Sitemap đẹp cho Blogspot (Blogger).


Hướng dẫn tạo Sitemap đẹp cho Blogspot (Blogger).

Vào Trang > Trang mới > HTML. Paste code bên dưới vào lưu lại.

<style type="text/css">
#table-outer table {width:100%;margin:0;padding:0;}
#table-outer input, #table-outer select {padding:4px;font:inherit;background:#fff;width:170px;box-sizing:border-box;border:none;color:#444;border:1px solid #eaeaea;transition:all 0.6s;}
#table-outer select {cursor:pointer;outline:none}
#table-outer input:focus{outline:none;background:#fff;border-color:#dadada;}
#resultDesc {margin-bottom:10px;}
#feedContainer {overflow:hidden;margin-top:20px;}
#feedContainer strong {font-size:10px;}
#feedContainer, #feedContainer li {padding:0;margin:0;list-style:none;}
#feedContainer li {float:left;width:50%;margin-bottom:5px;position:relative;z-index:0;}
#feedContainer .inner {display:block;height:72px;padding:10px;margin:5px 5px 0 5px;position:relative;background-color:#fff;box-shadow:0 0 0 1px #eaeaea;opacity:0.9;transition:all 0.6s;}
#feedContainer .inner:hover {opacity:1;box-shadow:0 0 0 1px #dadada;}
#feedContainer img {float:left;margin: 0 8px 0 0;max-width:100%;padding:1px;background:#ddd;}
#feedContainer .toc-title {max-height:33px;overflow:hidden;color:#444;font-weight:400;}
#feedContainer .toc-title:hover {color:#404040;}
#feedContainer .news-text {font-size:11px;display:none;}
#feedNav a, #feedNav span {display:block;text-align:center;color:#fff;
background-color:#444;padding:5px 0;width:100%;margin: 0 auto;margin-top:10px;transition:all 0.3s linear;}
#feedNav a:hover, #feedNav span:hover {background-color:#444;transition:all 0.3s linear;}
#feedContainer .date {display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px;}
#feedContainer .date .dd {font-size:9px;line-height:5px;font-weight:bold;}
#feedContainer .date span {display:inline-block;line-height:5px;text-align:center;
 margin-left:5px}
</style>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="table-outer">
<table><tbody>
<tr><td><label>Sắp xếp theo : </label></td><td><select id="orderFeedBy"><option selected="" value="published">Bài mới đăng</option><option value="updated">Bài mới cập nhật</option></select></td></tr>
<tr><td><label>Lọc theo chủ đề : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Đang tải...</option></select></span></td></tr>
<tr><td><label>Tìm kiếm bằng từ khóa : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<header id="resultDesc"></header><br /><br />
<ul id="feedContainer"></ul>
<div id="feedNav">
Đang tải...</div>
  </div>
<script src="https://sites.google.com/site/iristipsblog/file/Blogger-Sitemap-1.js" type="text/javascript"></script>
<script type='text/javascript'>
var tocConfig = {
    url: "http://www.suachuadienthoai.ga",
    feedNum: 6,
    labelName: (window.location.hash && window.location.hash != "#0" && window.location.hash != "#search") ? encodeURIComponent(window.location.hash.substr(1)) : false,
    numChars: 140,
    thumbWidth: 70,
    navText: "Tải thêm &#9660;",
    frontText: "Lên đầu &uArr;",
    noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
    loading: "<span>Đang tải...</span>",
    searching: "<span>Đang tìm kiếm...</span>",
    MonthNames: ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"],
    noResult: "No Result"
};
</script>

Thay http://www.suachuadienthoai.ga thành địa chỉ trang web của bạn

Từ khóa tìm kiếm: tạo sitemap cho blogger, sitemap blogger, code sitemap cho blog, sitemap generator blogger, sơ đồ sitemap, trang trí blogspot, tạo sitemap cho google site, giao diện mobile cho blogspot.

Chúc các bạn thành công!