วิธีสร้างแผนผังเว็บไซต์(Sitemap) อัตโนมัติในบล็อกเกอร์

วิธีการสร้างแผนผังเว็บไซต์อัตโนมัติในบล็อกเกอร์- การสร้างแผนผังเว็บไซต์บนบล็อกเกอร์จะทําให้ผู้เข้าชมบล็อกของเรา ค้นหาบทความที่ต้องการได้ง่ายขึ้น. แล้วบล็อกจะดูเป็นมืออาชีพ และมีการนำเสนอมากขึ้น

นี่คือตัวอย่างของแผนผังเว็บไซต์ที่ง่ายต่อการสร้าง และทําให้บล็อกของคุณเป็นมืออาชีพมากขึ้น

หากคุณต้องการสร้างแผนผังเว็บไซต์ดั่งกล่าวข้างต้น ให้ทําตามขั้นตอนด้านล่างนี้

1. ไปที่ เมนู เพจ

2./ กดสร้าง เพจใหม่ ขื้นมา

3./ กดเปลี่ยนมุมมองเป็น HTML วิว เพื่อเขียนโคด

4./ คัดลอกนี้เป็นสคริปต์ และ วางในหน้า html ของคุณ

<div id="bp_toc">
Loading Sitemap. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments,#Label1,#FollowByEmail1 {display:none;}
#HTML3 {visibility:hidden;}
/* CSS Full Sitemap */
#bp_toc {background:#8B0000;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}
</style>

5./ คลิกบันทึก และ คุณสามารถดูผลลัพธ์

นั่นคือวิธีการสร้างแผนผังเว็บไซต์อัตโนมัติในบล็อกเกอร์ หากคุณต้องการเปลี่ยนสีพื้นหลัง คุณก็สามารถเปลี่ยนสีพื้นหลังได้