Hello Guys! How are you? I hope you are all good. Welcome Freemium Tech website's today's article. Today we will share two beautiful Sitemap Page Script one is New tab look Sitemap and the other is Post Thumbnail with Sitemap. So let's begin.
What is HTML Sitemap?
With an HTML sitemap, a visitor can easily find their way around the whole site. An HTML sitemap is a single page on your website that has links to all the category pages or posts. If a visitor can't find the page or post they're looking for on your website, you can use an HTML sitemap to help them find it. With a good HTML sitemap, the crawler can also find pages that have been left behind. In the footer, many people like to have a link to the HTML Sitemap.
Do you need Sitemap?
If your site's pages are properly linked, Google can usually discover most of your site. Proper linking means that all pages that you deem important can be reached through some form of navigation, be that your site's menu or links that you placed on pages. Even so, a sitemap can improve the crawling of larger or more complex sites, or more specialized files.
How to create a HTML Sitemap Page?
Let's see how to create html sitemap page step by step. You don't need any coding Knowledge for create it because we already create a html sitemap page script for you. You just follow below steps for create it.
Step 1: First of all Login to your Blogger Dashboard.
Step 2: On Blogger Dashboard, Click Pages and Creat a New Page.
Step 3: Then if you are doing this in page then In post editor view, click icon at the bottom right of the title. Two options will appear: HTML view and Writing view, Select HTML View.
Step 4: Now paste the following HTML code to that place.
Style 1: Tab Look Sitemap
<!---[ Sitemap source by Freemium Tech ]--->
<script src="//dte-project.github.io/blogger/tabbed-toc.min.js?active=0&load=true&ad=false&date=%25M~%25%20%25D%25%2C%20%25Y%25" defer="defer"></script>
<style>.tabbed-toc{border:0;font-size:15px}.tabbed-toc-tabs{width:10em;font-size:14px}.tabbed-toc-tab{padding:0 15px;border-radius:3px 0 0 3px;position:relative;transition:var(--trans-1);color:inherit}.tabbed-toc-tab::after{content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid var(--linkC);opacity:0}.tabbed-toc-tab.active,.tabbed-toc-tab:hover{background:var(--transB)}.tabbed-toc-tab.active::after,.tabbed-toc-tab:hover::after{opacity:1}.tabbed-toc-tab.active{color:var(--linkC);opacity:.7}.ltr .tabbed-toc-panels{border-color:var(--contentL)}.ltr .tabbed-toc-time{position:relative;font-size:12px;opacity:.7}.tabbed-toc li{padding:5px 7.5px;line-height:1.6em;min-height:40px;display:flex;align-items:center;justify-content:space-between}.tabbed-toc li>*{padding:0 7.5px;margin:0}.tabbed-toc a{color:inherit}.tabbed-toc-title{font-size:16px}.tabbed-toc-title sup{font-weight:400;font-size:12px;color:var(--linkC)}.drkM .ltr .tabbed-toc-panels{border-color:rgba(255,255,255,.1)}.drkM .tabbed-toc-tab.active,.drkM .tabbed-toc-title sup{color:var(--darkL)}.drkM .tabbed-toc-tab::after{border-color:var(--darkL)}@media screen and (max-width:750px){.tabbed-toc nav{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabbed-toc nav::-webkit-scrollbar{width:0;height:0}.tabbed-toc nav::-webkit-scrollbar-track{background:0 0}.tabbed-toc nav::-webkit-scrollbar-thumb{background:0 0;border:none}.tabbed-toc-tab{border-radius:3px 3px 0 0;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}.tabbed-toc-tab::after{top:auto;left:0;border-right:0;border-bottom:1px solid var(--linkC)}.tabbed-toc ol{margin-top:15px;padding:0 15px;list-style:decimal}.tabbed-toc li{display:list-item;padding:5px 0;overflow:visible;list-style:inherit}.drkM .tabbed-toc-tab::after{border-color:var(--darkL)}}@media screen and (max-width:500px){.tabbed-toc-title{font-size:15px}}</style>
Style 2: Sitemap with Post Thumbnail
<style>
/*<![CDATA[*/
/* To change Header Subtitle */
.headH .headSub{max-width:none}
.headH .headSub::before{content:"Sitemap"}
/*]]>*/
</style>
<div class='sitemaps' id='sitemaps'></div>
<script>
/*<![CDATA[*/
/* Sitemap Settings */
var toc_config = {
homePage: ' https://freemiumtech.blogspot.com ',
containerId: 'sitemaps',
labelText: 'Label: ',
loadingText: 'Loading Sitemap...',
showNew: 3,
thumbnailSize: 360,
titleLength: "auto",
summaryLength: 200,
publishedDate: true,
newTabLink: false,
noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
sortAlphabetically: {
thePanel: true,
theList: false
},
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: 'sitemaps',
delayLoading: 0
};
/*]]>*/
</script>
<script>/*<![CDATA[*/ if(isPrivateBlog!='true'){eval(function(p,l,u,s,f,d){while(u--){if(s[u]){p=p.replace(new RegExp('\\b'+u+'\\b','g'),s[u])}}return p}('16 188(11,12){21 26(11-341,12)}16 26(11,12){17 20=87();21(26=16(11,12){21 20[11-=301]})(11,12)}16 454(11,12){21 26(11-289,12)}16 87(){17 11=[\'"></22></22></22></22></52>\',"70","&310;","460","461","462",\'</20></22><22 33="102">\',"227","463","464","465","453","466","</46></22>","469","/470/471/160?473=474-119-200&61-476=479&481=","\'; 42-63:90%;83:.8} .15 .73::312 {60:\'\';67:208;123:468;39-189:17(--451);31-49:56;317:89 299 302;-80-317:89 299 302;} @298 89{0%{23:55}50%{23:308}100%{23:55}} @-80-298 89{0%{23:55}50%{23:308}100%{23:55}} .127 .15{39-189:17(--318);183-186:0 56 79 181(0,0,0,.1)} .127 .73:312{39-189:17(--448)} .15 .74 > *{287:17(--294-2);-80-287:17(--294-2)} .15 .74:425 > *{84:281(1.1);-80-84:281(1.1)} .15{31:79 0 0} .15 46{67:37;37-284:284; 47:105;23:41(100% + 82);51:-56;62:-56; 426-182:120;31:0;81:0; 151-428:27-118} .15 46 52{23:41(50% - 82);31:0 56 0;47:105} .15 .34{67:37;37-429:430-431;324-432:37-433;47:105;23:41(100% + 115);51:-7.64;62:-7.64} .15 .34 >*{31:0 7.64} .15 .34 .74{37:0 0 435} .15 .34 .74 .107{81-49:100%} .15 .34 .171{67:37;37-424:1;23:41(100% - 436)} .15 .34 .171::77{37-438:0;60:\'0\' 151(27-118);151-439:27-118;23:330;83:.6;42-63:85%;440-123:1.442} .15 .34 .109{47:105;31-49:323} .15 .34 .211{37:1 0;23:41(100% - 330)} .15 .34 .102{42-63:93%;31-49:323} .447 + .482 .15 .102{67:120} .15 .107::77{60:\'483 304\';67:208;47:190;49:50%;51:50%;61-23:120;61-123:100%;-80-84:218(-50%, -50%);84:218(-50%, -50%); 42-63:484;42-122:17(--250); 83:.7;520-522:523} .15 .107 22{39-47:334;39-63:524;39-259:422-259; 47:190;49:0;51:0;244:0;62:0} .15 .102{} .15 .109{47:190;244:0;51:0;62:0} .15 .109::77{60:347(110-66);42-122:17(--250);42-63:530;83:.6} @167 265 267 (61-23:533){.15 46 52{23:41(100% - 82)} .15 .34{61-23:228;31-51:179;31-62:179}} @167 265 267 (61-23:228){.15 46{23:41(100% + 115);51:-7.64;62:-7.64} .15 46 52{23:41(50% - 115);31:0 7.64 0} .15 46 52{23:41(100% - 115)}",\'"></22>\',\'<52><22 33="34"><22 33="74"><20 33="107" 521-534="\',"232","535","196","536","537","249",\' 114="\',"538","539","540","541","200","542","543","532","516","500","515","274",\')"></22></20></22><22 33="171"><22 33="211"><22 33="486 487"><20 170="\',"179","488","489","497","307","498","272","114","485","167$499","501","503","504","99","505","511","395",\'<22 33="15"><207 33="73">\',"332","170","134","364","366","368","371","363","373","359","407","408","404","257","(((.+)+)+)+$","414","415","416",\'<22 33="98" 110-129="\',"160","224","390","384","392","399",".96{31:55 0 79} .96 .98{39:17(--303);352-349:333;183-186:0 56 55 181(0,0,0,.396);81:79 0;129-324:334} .96 .98::77{60:347(110-129)} .127 .96 .98{39:17(--318)} .15{39:17(--303);42-122:17(--544);81:82;352-349:333;183-186:0 56 79 181(149,157,165,.2)} .15 52{81-49:55} .15 .73{31:0;42-411:413;} .15 .73::77{60:\'","417"];21(87=16(){21 11})()}!16(){17 11=418,12=419,20=329,18=296,29=412,28=343,32={316:289},24={291:401},27=87();16 30(11,12){21 26(12- -24.291,11)}16 14(11,12){21 26(11- -32.316,12)}57(;;)385{155(386==-36(14(-325,-321))+36(30(-389,-391))/2*(36(30(-394,-11))/3)+-36(30(-525,-12))/4+36(30(-397,-382))/5*(-36(14(-20,-18))/6)+-36(30(-29,-398))/7+-36(14(-365,-351))/8+36(14(-28,-337))/9)309;27.134(27.266())}387(11){27.134(27.266())}}(),16(){17 11=400,12=393,20=141,18=138,29=54,28=502,32=117,24=90,27=410,30=245,14=409,13=86,40=168,69=137,25={219:204},38={212:449},43=406,68=405,75=402,48=383,45=381,103=369,65=16(){17 29=358,28=!0;21 16(12,20){17 18=357,11=28?16(){155(20){17 11=20[26(-29- -18,-356)](12,355);21 20=354,11}}:16(){};21 28=!1,11}}()(362,16(){16 11(11,12){21 26(11-361,12)}16 12(11,12){21 26(11-103,12)}21 65.224()[12(43,380)](12(68,379))[12(360,378)]()[11(377,375)](65)[11(374,75)](11(48,45))});16 44(11,12){21 26(12- -38.212,11)}16 35(11,12){21 26(11-25.219,12)}65();372 58=156[35(509,491)]("182");58.370=35(11,12),58[35(528,367)]=44(-108,-72)+19.421+44(-20,-18),156[44(-29,-76)](35(518,28))[0][44(-32,-24)](58),261(19[35(27,423)])[35(30,452)]=35(14,514)+19[44(-13,-71)]+44(-40,-69)}(),226[188(510,508)](188(507,506),16(){17 27=490,30=518,14=446,13=403,40=376,69=519,25=427,38=513,43=493,68=457,48=449,45=434,331=496,339=494,314=492,247=194,246=153,142=198,97=130,243=240,239=121,116=213,271=234,235=233,241=140,242=157,252=159,260=193,263=173,268=138,270=53,258=50,230=92,197=215,214=141,220=231,222=256,216=175,221=240,217=169,262=199,306=164,319=136,320=163,322=132,326=133,327=95,328=192,125=106,273=159,335=253,336=113,350=121,338=174,345=202,346=150,344=111,342=238,340=172,315=205,293=195,$11=133,178=128,288=94,285=126,295=162,313=176,311=147,305=104,353=124,300=236,290=229,292=269,348=148;!16(11,12){17 20=145,103=531,44=264,35=475,18=78;16 29(11,12){21 26(11-18,12)}17 58,187,59,286=261(19.257),28=12[24(27,30)]("232")[0],$=[];11[19[29(14,478)]]=16(11){57(17 12,20,18=11.249[13(-247,-246)],29=11[14(-142,-237)][13(-97,-143)],28="",32=0,24=29[14(-276,-243)];32<24;++32)$[13(-88,-239)](29[32][14(-116,-225)]);57(17 27=0,30=18[14(-271,-240)];27<30;++27)(19[14(-235,-238)]||0<19[13(-241,-242)])&&27<19[13(-97,-157)]+1&&(18[27].114.$11+=" %191%");16 14(11,12){21 26(12- -245,11)}16 13(11,12){21 26(12- -35,11)}18=19[13(-252,-138)][13(-97,-152)]?18[14(-260,-263)](16(11,12){16 20(11,12){21 26(11-529,12)}21 11[20(264,103)].$11.527(12[20(44,526)].$11)}):18,19[13(-101,-268)][13(-270,-91)]&&$[13(-258,-230)]();57(17 40=0,69=$.196;40<69;++40){28+=14(-197,-205)+$[40]+"</207>",28+="<46>";57(17 25=0,38=18[14(-279,-240)];25<38;++25){12=18[25].114.$11,59=12.70(/ \\%191\\%$/,""),58=19[13(-185,-173)]!==13(-141,-214)&&19.227<59[13(-161,-159)]?59[14(-220,-209)](0,19[14(-222,-254)])+14(-141,-216):59;57(17 43=0,68=18[25][13(-121,-135)][14(-225,-221)];43<68;++43)155(13(-217,-166)==18[25][13(-139,-135)][43][13(-113,-146)]){20=18[25].272[43][14(-262,-203)],75=19[13(-306,-319)]?\' 445="444"\':"",280=13(-320,-322)119 18[25]?18[25][14(-240,-116)][13(-112,-137)][13(-326,-327)](/.*?:\\/\\//38,"//")[14(-328,-176)](/\\/24[0-9]+(\\-30)?/,"/24"+19[13(-125,-140)]).70(/\\=24[0-9]+(\\-30)?/,"=24"+19[13(-273,-140)]):19.443,277=[14(-278,-335),13(-121,-336),"441",13(-350,-100),13(-125,-130),14(-338,-201),13(-345,-168),13(-346,-344),14(-342,-206),13(-340,-131),14(-192,-210),14(-315,-293)],66=18[25][14(-184,-142)].$11.99(0,10),282=66[13(-$11,-178)](0,4),45=66.99(5,7),283=66[13(-288,-128)](8,10),65=277[36(45-1)],297=19[13(-285,-139)]?65+" "+283+", "+282:"",187=14(-180,-185)119 18[25]&&0<19[13(-158,-147)]?18[25].160.$11[14(-295,-176)](/<437 ?\\/?>/38," ").70(/<.*?>/38,"")[14(-138,-313)](/[<>]/38,"").99(0,19[13(-154,-311)])+"&310;":"";309}57(17 48=0,45=18[25].274[14(-275,-240)];48<45;++48)$[40]==18[25][13(-305,-143)][48][13(-178,-144)]&&(28+=13(-353,-162)+59+\'" 170="\'+20+\'" \'+75+14(-276,-300)+59+\'"><22 182="39-304:307(\'+280+14(-290,-223)+20+\'" \'+75+">"+58+14(-292,-255)+187+\'</22><22 33="109 480" 110-66="\'+297+14(-348,-177))}28+=14(-269,-248)}286.332=28};17 32=12[24(477,450)](29(13,40));16 24(11,12){21 26(12-20,11)}32[29(420,388)]=19[24(512,69)].70(/\\/$/,"")+24(25,455)+19[24(472,38)],24(495,493)==19[29(434,456)]?11[24(517,43)]=16(){28[26(314-459,339)](32)}:11[24(68,48)](16(){28[26(458-251,331)](32)},19[29(45,467)])}(226,156)});',10,545,'|||||||||||t|n|d|l|sMaps|function|var|i|toc_config|a|return|div|width|s|u|_0x6212|p|r|e|c|margin|o|class|iF|k|parseInt|flex|g|background|f|calc|font|h|y|v|ul|position|_|top||left|li|||30px|10px|for|T|F|content|max|right|size|5px|M|date|display|m|x|replace|||sMapsT|pThmb|b||before||40px|webkit|padding|20px|opacity|transform|||_0x553e||anime|||||||sitemaps|N|loading|substring|||pSnpt|w||relative||thmb||pInf|data||||title|15px|J||cnt|in|none||family|height||ht||drK||text|||||push||||||||A|||||||||counter||||if|document||||summary|||||||media|||href|pCtnt|||||||Lt|auto||rgba|style|box|||shadow|I|_0x4dd820|color|absolute|new|||||length|nt|||script|||||||h4|block|||pInr|_0x774438||at||rt|st|translate|_0x2fa241|it|ot|et||toString||window|titleLength|500px||tt||head|||H||||E||q|O|j|bottom|556|U|B||feed|fontB||V|||||containerId|X|repeat|Z|getid|pt|G|1017|screen|shift|and|Q||W|K|link|mt|category|||month|||R|scale|Y|D|wrap|zt|C|transition|St|692|Nt|_0x3c2c97|Yt|Ct|trans|Bt||P|keyframes|2s|Dt||infinite|contentB|image|Ut|ct|url|60px|break|hellip|Rt|after|Pt|z|Ft|_0x242e73|animation|darkBs|lt|dt||ft|8px|align||xt|ut|gt||25px|L|innerHTML|6px|center|bt|_t||wt|S|It||Tt||kt|Mt|yt|attr|jt|radius|vt||border|At|null|arguments|642|992|675|Dec|741||this|appendChild|Jun||delayLoading|557|search||id|published|const|sitemapCss|718|647||687|710|776|755|734|552|727|homePage|try|798232|catch||632|getElementsByTagName|628|Apr|548|590|Sep|08|554|613|load|564|934|751||Aug|735|726|Feb|441282kRYMph|574|569|weight|650|bold|1402316mCAcMZ|jsonCallback|207480ljwzsU|loadingText|604|565||labelText|no|581|grow|hover|list||reset|direction|row|reverse|items|start||72px|102px|br|shrink|increment|line|Mar|8em|noImage|_blank|target||pTag|darkTa|||linkC|545|58eCMTyU|_0x83903f||||610|860|15omPUar|sort|thePanel|Jan|setTimeout|createElement|Jul||1px|alternate|feeds|posts||alt|json||results|||9999|pSml|callback|pFoot|No|12px|src|iTtl|aTtl|thumbnailSize|publishedDate|||1219||1180||634|sortAlphabetically|newTabLink|thumbnail|56127dgUxCU|Oct||May|Nov|onload|722|717|649||656|34866396piwIVw|||616|term|rel||||white|aria|space|nowrap|cover||1051|localeCompare||676|13px|1006|summaryLength|640px|label|addEventListener|apply|showNew|8245342qRRfMx|entry|theList|textContent|constructor|6125120rryyrY|fontBa'.split('|')));}else{getid(toc_config.containerId).innerHTML="<p class='note wr'>Unable to read Blog feed as it is Private.</p>"} /*]]>*/</script>
Change the marked link to you own website link otherwise not show your site post list.
Step 5: Then Save or Publish it.
That's done. 👍 You are Successfuly create a html sitemap page for you website.
CONCLUSION
In this article, I shared with you How to Create a HTML Sitemap Page for Blogger Site? I hope you have liked It. Please do share it with your friends and follow our blog for more.
Join our Telegram Channel to get the lastest posts updates daily.
Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken.
©Copyright: FreemiumTech™