Tạo sơ đồ trang Web cho blogger là một thành phần nên có trên blog hay bất kỳ trang web nào để người đọc có thể dễ dàng theo dõi và điều hướng các bài viết giúp blog của bạn thân thiện hơn với người dùng và bài viết này sẽ giúp bạn thêm sơ đồ trang cho blogger . với giao diện khá thân thiện với người dùng.
Hướng dẫn tạo sơ đồ trang Web cho blogger
Làm theo các bước đó để thêm trang sơ đồ trang web trong Blogger. Làm tất cả các bước một cách cẩn thận.
Bước 1 : Đầu tiên đăng nhập vào tài khoản Blogger của bạn và chọn một trang web.
Bước 2: Nhấp vào Trang> Trang mới.
Bước 3 : Bây giờ Thêm Trang Tiêu đề và Chuyển Soạn Mode để HTML Chế độ .


Bước 4: Sử dụng một trong các đoạn sơ đồ trang web sau để dán vào trang. Thay thế url https://xtrlog.blogspot.com thành url của bạn.
Bước 5: Xuất bản trang sơ đồ trang mới tạo.
Mẫu 1: BẢN GIỚI THIỆU
<style type = “text / css”>
.grid-sitemap {
tràn: ẩn;
chức vụ: thân nhân;
chiều cao: 565px;
lề: 20px 0 40px 0;
}
iframe .grid-sitemap {
hiển thị: khối;
chiều rộng: 100%;
chiều cao: 680px;
margin-top: -115px;
margin-left: -5px;
}
</style>
<div class = “grid-sitemap”>
<iframe src = “https://xtrlog.blogspot.com / view / flipcard”> </iframe>
</div>
Dạng 2: BẢN GIỚI THIỆU
<script type = “text / javascript”>
var numposts = 500;
var standardstyling = true;
function showrecentposts (json) {
for (var i = 0; i <numposts; i ++) {
var entry = json.feed.entry [i];
var posttitle = entry.title. $ t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k <entry.link.length; k ++) {
if (entry.link [k] .rel == ‘alternate’) {
posturl = entry.link [k] .href;
nghỉ;}}
posttitle = posttitle.link (posturl);
if (standardstyling) document.write (‘<li>’);
document.write (posttitle);
}
if (standardstyling) document.write (‘</li>’);
}
</script>
<br />
https://xtrlog.blogspot.com / feeds / posts / default? orderby =lished & alt = json-in-script & callback = showrecentposts & max-results = 999 “> </script> </ul>
Dạng 3: BẢN GIỚI THIỆU
<kiểu>
p. nhãn a {color: # 000000
; font-size: 18px;}
a.post-title {color: # ff3300;}
ol li {list-style-type: decimal; line-height: 25px;}
</style>
<script>
// <! [CDATA [
length) {break}}} function toggleTitleSort () {if (sortBy == “titleasc”) {sortBy = “titleesc”} else {sortBy = “titleasc”} sortPosts (sortBy); displayToc (postFilter)} function toggleDateSort () {if (sortBy == “datenewest”) {sortBy = “dateoldest”} else {sortBy = “datenewest”} sortPosts (sortBy); displayToc (postFilter)} function showToc () {if (tocLoaded) {displayToc (postFilter); var a = document.getElementById (“toclink”)} else {alert (“Chờ … TOC đang tải”)}} function hideToc () {var a = document.getElementById (“toc”); a.innerHTML = “”; var b = document.getElementById (“toclink”); b.innerHTML = ‘<a href = “#” onclick = “scroll (0,0); showToc (); Effect.toggle (\’ toc-result \ ‘, \’ mù \ ‘); “> ?? Hiển thị Mục lục </a> <img src = “
//]]>
</script>
<script src = “https://xtrlog.blogspot.com / feeds / posts / default? max-results = 9999 & alt = json-in-script & callback = bloggersitemap”> </ script>
Mô hình 4 BẢN GIỚI THIỆU
<style type = “text / css”> #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; đệm: 1px 0 2px 11px; nền: # 3498DB; viền: 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 {text- biến đổi: chữ hoa;} a .new {color: # FF5F00; font-weight: bold; font-style: italic;} .postname {font-weight: normal; background: #fff; margin-left: 35px;} .postname li {border-bottom: #ddd 1px dotted; margin-right: 5px} </style>
<div id = “toc”
<script type = “text / javascript”>
2 g = u [f]; u [f] = u [h]; u [h] = g; 2 g = 6 [f]; 6 [f] = 6 [h]; 6 [h] = g; 2 g = w [f]; w [f] = w [h]; w [h] = g; 2 g = y [f]; y [f] = y [h]; y [h] = g} B (2 b = d; b <c-1; b ++) {B (2 a = b + 1; a <c; a ++) {4 (3 [b]> 3 [a]) {e (b, a )}}}} r K (a) {2 l = 0; 2 h = “”; 2 e = “25 Z”; 2 m = “11 12 2p 2s 2A”; 2 d = “2L”; 2 k = “11 12 1I 1J 1K”; 2 c = “1L”; 2 j = “”; 4 (7 == “L”) {m + = “(1N)”; k + = “(14 V)”} 4 (7 == “15”) {m + = “(1l)”; k + = “(14 V)”} 4 (7 == “1g”) {m + = “(1l)”; k + = “(14 V )) “} 4 (7 ==” R “) {m + =” (1l) “; k + =” (1S V) “} 4 (E! =” “) {J =” 11 12 1Y 31 “} h + = “<1t>”; h + = “<n>”; h + = \ ‘<5 8 = “iW-1b”> \’; h + = \ ‘<as = “1c: 1o ();” O = “\ ‘+ m + \'”> \ ‘+ e + “</a>”; h + = ” <> \ ‘+ J + “</a> </C> <1y 8 = \’ 24 \ ‘>”); T = a; 1p {9.x (“<1z>”); 9.x (\ ‘<as = “\’ + u [a] + \ ‘”> \’ + 3 [a] + “</a>”); 4 (y [a] == 13) {9.x (\ ‘ – <c 8 = “F”> 26! </C> \ ‘)} 9.x (“</1z>”); a = a + 1} S (6 [a] == J); b = a; 9.x (“</1y>”); 1j (T, a); 4 (b> 3.v) {U}}} r 1o () {4 (7 == “L”) {7 = “15”} Tôi {7 = “L”} P (7); K (E)} r 1q () {4 (7 == “R”) {7 = “1g”} Tôi {7 = “R “} P (7); K (E)} r 1A () {4 (17) {K (E); 2 a = 9.Y (” 1B “)} I {29 (” 2a 2b … 1C 2d 2e “)}} r 2f () {2 a = 9.Y (” i “); a.1k =” “; 2 b = 9.Y (” 1B “); b.1k = \ ‘<as = “#” 2g = “1F (0,0); 1A (); 2h.2i (\\\ ‘i-2j \\\’, \\\ ‘2k \\\’);”> ?? 1h 2l 2m </a> <2n 2o = “1D: //2q.2r.1E/2t.2u” />
</script>
<script src = “/ feeds / posts / default? max-results = 9999 & alt = json-in-script & callback = loadtoc”> </script> </div>
Sao chép mã để dán vào trang mới ở chế độ HTML sau đó xuất bản trang.
Đánh giá bài viết
[Total: 1 Average: 5]