How to create HTML Sitemap for Median Ui Template

{tocify} $title={Table of contents}

Hello guys, today's article is about How to add HTML Sitemap page in Median Ui template. So follow the some easy steps to add attractive, stylish sitemap page in Median Ui.

What is Sitemap?

Sitemap can be understood as a map system in a website, it includes a system of links leading to main pages and subpages shown in a clear and coherent way. The main job of the Sitemap is to guide search engines to crawl the website correctly and effectively. Also update the changes on the website as you make any changes.

Why sitemap is important?

Sitemap is the structure of our blog pages and posts. The sitemap page will also improve the user experience. When we add a sitemap page to our blogger then the users can easily find the post they want to find. And most importantly, when the (Google,Yahoo) Webmaster Tools tools crawler come to our website then the crawl is easily done.

Steps to Create HTML Sitemap Page

• #1. First, on Blogger Dashboard, click Pages and create a New Page.
• #2. Second, give the Sitemap title to the page. Now switch to HTML Mode and delete whatever inside in HTML Mode.
• #3. Now, copy the code that is given below and paste it in HTML section of your sitemap page.

<!--Median Ui v1.5 Sitemap Page--> <div class='postBody' id='postBody'><div class='postSection sitemaps' id='sitemaps'> <div class='loading'>Loading....</div> </div></div> <script>/*<![CDATA[*/ /* Blogger Sitemap Dropdown: change i.src="..." with your url */ var toc_config = {containerId:'sitemaps', showNew:0, sortAlphabetically:{thePanel:true, theList:true}, activePanel:1, slideSpeed:{down:400, up:400}, slideEasing:{down: null, up: null}, slideCallback:{down:function(){}, up:function(){}}, clickCallback:function(){}, jsonCallback:'sitemaps',delayLoading: 0}; window.onload = function(){ !function(e,o){var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head")[0],n=[];e[toc_config.jsonCallback]=function(e){for(var o,c,i=e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);for(var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&&r<toc_config.showNew+1&&(i[r].title.$t+=" %new%");i=toc_config.sortAlphabetically.theList?i.sort(function(e,o){return e.title.$t.localeCompare(o.title.$t)}):i,toc_config.sortAlphabetically.thePanel&&n.sort();for(var g=0,h=n.length;h>g;++g){l+='<div class=\"sitemapBox\"><h4 class=\"sitemapTitle\">'+n[g]+'</h4>',l+='<div class=\"sitemapContent\"><ol>';for(var _=0,p=i.length;p>_;++_){o=i[_].title.$t;for(var w=0,u=i[_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel){c=i[_].link[w].href;break}for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+='<li><a href=\"'+c+'\" title=\"'+o.replace(/ \%new\%$/,"")+'\">'+o.replace(/ \%new\%$/,"")+'</a></li>')}l+='</ol></div></div>'}t.innerHTML=l }; var i=o.createElement("script"); i.src="https://www.blogaddress.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function(){c.appendChild(i)}:e.setTimeout(function(){c.appendChild(i)},toc_config.delayLoading)}(window,document); } /*]]>*/</script> <style> .sitemaps{font-size:14px} .sitemapBox{padding:15px;border:1px solid var(--content-border);border-radius:5px} .sitemapBox:not(:last-child){margin-bottom:20px} .postEntry .sitemapTitle{margin-top:0; font-size:14px;font-weight:400;font-family:var(--body-font)} .sitemapTitle:before{content:'Label: '; font-size:90%;opacity:.8} .sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:sitemap-count} .sitemaps li{display:flex;align-items:baseline} .sitemaps li:not(:last-child){margin-bottom:0} .sitemaps li:before{content:counter(sitemap-count) '.';counter-increment:sitemap-count;flex-shrink:0;width:25px;font-size:13px;font-family:var(--font-body);line-height:normal; opacity:.7} .darkMode .sitemapBox{border-color:rgba(255,255,255,.1)} </style>

• #4. Now add your blog address in place of https://www.themerum.com and then click on 'Publish'.

Reference: www.asthemesworld.xyz

TAG: blogger tutorial for beginners,blogger tutorial in tamil,blogger tutorial for beginners pdf,blogger tutorial bangla,blogger tutorial by ranjit,blogger tutorial advanced,google blogger tutorial,step by step blogger tutorial,full blogger tutorial pdf,google blogger tutorial pdf,instagram blogger tutorial,google blogger tutorial for beginners 2021,bangla blogger tutorial pdf,google blogger tutorial 2021,java logger tutorial,make blogger tutorial,blogger full tutorial,blogger coding tutorial,blogger api tutorial,blogger design tutorial,blogger makeup tutorial,blogger layout tutorial,blogger theme development tutorial,blogger setup tutorial,blogger complete tutorial pdf,blogger com login,blog tutorial,blogger tutorial in hindi,blogger tips and tricks,blogger tips in tamil,blogger tips 1x2,blogger tips for beginners,blogger tips in hindi,blogger tips and tricks blogspot,blogger tips for instagram,blogger tips and tricks for beginners,food blogger tips,beginner blogger tips,instagram blogger tips,new blogger tips,google blogger tips and tricks,fashion blogger tips for instagram,travel blogger tips,instagram food blogger tips,beauty blogger tips,instagram blogger tips and tricks,blogger seo tips,blogger betting tips,blogger beginner tips,blogger prediction tips,blogger seo tips in hindi,blogger soccer tips,blogger design tips,bloger hr betting tips,blogger football tips,blogger blogspot seo tips and tricks,google blogger tips,tips for new bloggers,personal blog tips,blogger tips and tricks in hindi,blogging tips for writers,tips for starting a blog,blog writing tips,blogging meaning,how to start an advice blog,little green footballs,the sartorialist,lifehacker,scripting news,crooks and liars,girl with a onetrack mind,blogspot com login,what happened to blogspot,google blog,blogspot about me,blogspot.com login,blogspot movie,vsp blogspot,coin master free spins link blogspot,brownsville blogspot,coin master free spins blogspot,blogspot login,blogspot search,blogspot blogs,blogspot sign in old account,blogspot general hospital,blogger templates,blogspot coin master,blogspot days of our lives,

blogspot popcorn,blogspot brownsville,general hospital blogspot,dj hamirpur blogspot,www.editech house.blogspot.com,visualbuyer blogspot com,13load.blogspot.com among us,getmypopcornnow blogspot,techboldy blogspot,mygkjob.blogspot.com 2021,google blogspot,quiltville blogspot,tips for using blogger,blogspot seo 2021,blogger seo setting,complete blogspot seo,how to rank blogger blog on google,blogger seo tools,

wordpress,tumblr,pocket,feedly,blogger tricks,blogger.com tips and tricks,blogspot seo tips,search blogger,blogspot settings,how to optimize blog posts for seo,blogspot tips and tricks,blogspot tips for new bloggers,nifty blogspot tips,tips for oracle blogspot,sajjad tips.blogspot,f&o tips blogspot,savvy teaching tips blogspot,mainframe tips and tricks blogspot,rk dish tips blogspot,blogspot betting tips,blogspot football tips,blogspot soccer tips,blogspot-seo-tips-for-bloggers,how to create a blog on blogger step by step pdf,how to write a blog,blogger,blogspot.com youtube,blogger websites,blogspot tutorial pdf,blogspot tutorial for beginners,blogspot tutorial css,seo blogspot tutorial,mikrotik blogspot tutorial,alisa burke blogspot tutorial,youtube blogspot tutorial,google blogspot tutorial,cracking tutorial blogspot,c sharp video tutorial blogspot,blogspot tutorials,blogspot seo tutorial,blogspot design tutorial,blogspot photoshop tutorial,blogspot templates tutorial,blogspot making tutorial,blog meaning in tamil language,fashion blogger meaning in tamil,how to earn money by blogging,blog writing meaning in tamil,how to create a blog,

how to earn money from blog in tamil,tamil blogs collection,personal blog meaning in tamil,blog tamil,blogger meaning in tamil to english,how to create blog and earn money,blogging course in hindi pdf free download,professional blogging course in hindi by deepak,blogging books pdf in hindi,blogger tutorial pdf,how to become a blogger in hindi,free blogging course in hindi pdf,tutorial blogger,blogging in hindi pdf,what is fashion blogger in hindi,blogger tutorial for beginners in hindi,google blogger tutorial for beginners in hindi,blogger full tutorial in hindi,utorial blogger pdf,tutorial blogger 2021,tutorial blogger 2021 new,tutorial blogger lengkap,tutorial blogger lengkap pdf,tutorial blogger 2021 pdf,tutorial blogger pemula,tutorial blogger etiquetas,top tutorial blogger 2021,makeup tutorial blogger,how to create a blog tutorial blogger,lightroom tutorial blogger,xml tutorial blogger,favicon tutorial blogger,como crear un blog tutorial blogger,step by step tutorial blogger,tutorial membuat blogger,tutorial membuat blog di blogger,tutorial buat blogger,tutorial de blogger,tutorial bikin blogger,

tutorial de blogger 2021 free,tutorial cara membuat blogger,tutoriales blogger,tutorial blog tips blogger,tutorial como crear un blog en blogger,blogspot websites,blogger.com login,how to make a blog for free,how to create a blog for free and make money,blogger search,url for blog,how to create a blog on blogger,blogspot com youtube,blogger app,blog examples,techcrunch,mashable,boing boing,gizmodo,engadget,gawker

download button code,download button javascript,free download button,download button css codepen,download button icon in bootstrap,html download file from server,download button code,ownload button javascript,free download button,download button css codepen,download button icon in bootstrap,download button png,add professional download buttons

blogger sitemap page,sitemap for blogger custom domain,blogger sitemap 2021,blogger xml sitemap generator ctrlq,custom robots txt generator for blogger,html sitemap generator for blogger,bing sitemap generator,blogger sitemap generator 2021,youtube sitemap,wikipedia sitemap,wix sitemap,quora sitemap,linkedin sitemap,ctrl.org blogger sitemap,sitemap generator,sitemap generator for blogger ctrlq,blogger sitemap 2021,blogger sitemap page,sitemap for blogger custom domain,sitemap blogger 2021,sitemap blogger code,sitemap blogger webmaster,submit sitemap blogger,create sitemap blogger,indexed not submitted in sitemap blogger,update sitemap blogger,add xml sitemap blogger,ctrl.org blogger sitemap,xml sitemap blogger,sitemap generator for blogger,sitemap for blogger custom domain,sitemap page for blogger,sitemap generator for blogger ctrlq,sitemap widget for blogger,sitemap for blogger blog,sitemap page for blogger blog,sitemap submit for blogger

seo copywriting examples,what is seo copywriting,seo copywriting course,seo writing for beginners,seo content writing samples,seo article writing example,what is seo content writing,seo copywriter salary,seo copywriting examples,what is seo copywriting,seo copywriting course,seo writing for beginners,seo content writing samples,seo article writing example,the art of seo copywriting for beginners pdf,the art of seo copywriting for beginners free,the art of seo copywriting for beginners

buyers json iab,sellers json generator,sellers json admob,confirm your sellers json setting,sellers json google,sellers.json files,sellers json confidential,google sellers.json file