a

Categories: Blogging Grow Your Blog Start a Blog Tips & Tricks

How to Create Stylish Sitemap for Blogger with Pictures

Hello friends, welcome to the my website Hamzagulzar.com .Today I will show you how you can add stylish sitemap for Blogger blog using pictures.

Before we start I have a request for you. I upload posts on my blog daily base. If you want to learn blogging or enjoy my post. Please fill the form bellow and stay update with my Blog.

Fill This Form..🥺

[everest_form id="606"]
Stylish Sitemap For Blogger
Stylish Sitemap

Stylish Sitemap

Stylish Sitemap is our site structure when we create Stylish Sitemap and we add Stylish Sitemap in our blog then visitor can easily find their post. And enjoy at our site. So therefore Stylish sitemap is very impotent for us. Today we learn how to create stylish sitemap.

Follow the step given bellow to create your own stylish sitemap.👇

1. Go to Blogger Pages and click ” New page ” button.

Step no 1 and 2 to create sitemap for blogger
Step no 1 & 2

1. Copy this code👇

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy=”titleasc”;var tocLoaded=false;var numChars=250;var postFilter=””;var numberfeed=0;function bloggersitemap(a){function b(){if(“entry” in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel==”alternate”){j=n.link[g].href;break}}var o=””;for(var g=0;g<n.link.length;g++){if(n.link[g].rel==”enclosure”){o=n.link[g].href;break}}var c=””;if(“category” in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(“;”);if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy=”titleasc”;sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write(‘</br><div class=”sitemap-link”><a href=”https://techtspot.blogspot.com/2017/10/how-to-add-stylish-sitemap-for-blogger.html” style=”font-size: 10px; text-decoration:none; color: #5146CD;”>Get This Widget</a></div>’)}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter=””;displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d==”titleasc”){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d==”titledesc”){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d==”dateoldest”){if(postDate[b]>postDate[a]){c(b,a)}}if(d==”datenewest”){if(postDate[b]<postDate[a]){c(b,a)}}if(d==”orderlabel”){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy=”orderlabel”;sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h=””;var e=”Post Title”;var m=”Click to sort by title”;var d=”Date”;var k=”Click to sort by date”;var c=”Category”;var j=””;if(sortBy==”titleasc”){m+=” (descending)”;k+=” (newest first)”}if(sortBy==”titledesc”){m+=” (ascending)”;k+=” (newest first)”}if(sortBy==”dateoldest”){m+=” (ascending)”;k+=” (newest first)”}if(sortBy==”datenewest”){m+=” (ascending)”;k+=” (oldest first)”}if(postFilter!=””){j=”Click to view all”}h+=”<table>”;h+=”<tr>”;h+='<td class=”header1″>’;h+='<a href=”javascript:toggleTitleSort();” title=”‘+m+'”>’+e+”</a>”;h+=”</td>”;h+='<td class=”header2″>’;h+='<a href=”javascript:toggleDateSort();” title=”‘+k+'”>’+d+”</a>”;h+=”</td>”;h+='<td class=”header3″>’;h+='<a href=”javascript:allPosts();” title=”‘+j+'”>’+c+”</a>”;h+=”</td>”;h+='<td class=”header4″>’;h+=”Read all”;h+=”</td>”;h+=”</tr>”;for(var g=0;g<postTitle.length;g++){if(a==””){h+='<tr><td class=”entry1″><a href=”‘+postUrl[g]+'”>’+postTitle[g]+'</a></td><td class=”entry2″>’+postDate[g]+'</td><td class=”entry3″>’+postLabels[g]+'</td><td class=”entry4″><a href=”‘+postPublished[g]+'”>Read</a></td></tr>’;l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class=”entry1″><a href=”‘+postUrl[g]+'”>’+postTitle[g]+'</a></td><td class=”entry2″>’+postDate[g]+'</td><td class=”entry3″>’+postLabels[g]+'</td><td class=”entry4″><a href=”‘+postPublished[g]+'”>Read</a></td></tr>’;l++}}}h+=”</table>”;if(l==postTitle.length){var f='<span class=”toc-note”>Show All ‘+postTitle.length+” Posts<br/></span>”}else{var f='<span class=”toc-note”>Show ‘+l+” posts by category ‘”;f+=postFilter+”‘ the “+postTitle.length+” Total Posts<br/></span>”}var b=document.getElementById(“toc”);b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write(“<p/>”);document.write(‘<p class=”labels”><a href=”/search/label/’+temp1+'”>’+temp1+”</a></p><ol>”);firsti=a;do{document.write(“<li>”);document.write(‘<a class=”post-titles” href=”‘+postUrl[a]+'”>’+postTitle[a]+”</a>”);if(postRecent[a]==true){document.write(‘ – <strong><span style=”color: rgb(255, 0, 0);”>New!</span></strong>’)}document.write(“</li>”);a=a+1}while(postLabels[a]==temp1);b=a;document.write(“</ol>”);sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy==”titleasc”){sortBy=”titledesc”}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(“Just wait… TOC is loading”)}}function hideToc(){var a=document.getElementById(“toc”);a.innerHTML=””;var b=document.getElementById(“toclink”);b.innerHTML='<a href=”#” >//]]>
</script>
<script src=”https://yourblogname.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap”></script>

<a href=”https://www.hamzagulzar.com/”>Stylish Blogger Sitemap 1</a>

2. Copy this code👇

<script type=”text/javascript”>
var numposts = 100;
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;
break;    }   }
posttitle = posttitle.link(posturl);
if (standardstyling) document.write(‘<li>’);
document.write(posttitle);  }
if (standardstyling) document.write(‘</li>’); }
</script>
<br />
<ul>
<script src=”https://yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999″></script>
</ul>
<a href=”https://www.hamzagulzar.com/”>Blogger Sitemap</a>

2. After that write page title ” Sitemap ” then click HTML button and Paste the Code in content area >> rename blog name then click Publish button.

Step no 2 to create blogger sitemap
step no 2

Replace this URL ” https://yourblog.blogspot.com ” with your Blog URl.

If you enjoy my post or this is helpful for your blog please don’t forget to share and don’t forget to comment. If you have any issue to create stylish sitemap for your blog. Simply comment your issue I’ll reply you as soon as possible.

View Comments

Share
Published by

Recent Posts

20 Keyboard Shortcut Keys That Will Make You a Computer Expert
  • Computer
  • Windows

20 Keyboard Shortcut Keys That Will Make You a Computer Expert

Keyboard Shortcut keys help provide an easier and quicker method of navigating and executing commands in computer software. Shortcut keys… Read More

4 days ago
12 Rabi ul Awal Flex Design free Download – Mehfil e Milad Flex
  • Photoshop

12 Rabi ul Awal Flex Design free Download – Mehfil e Milad Flex

Hey Madni Bhai ! Asslam-o-Allaikum. Welcome to my website. First of all many many Happy 12 Rabi ul Awal. I… Read More

1 week ago
Top 5 Affiliate Programs to Make Money Online in 2019 Fast
  • Make Money Online

Top 5 Affiliate Programs to Make Money Online in 2019 Fast

In this Article I will share top 5 affiliate programs to make money online in 2019. These affiliate programs are… Read More

2 weeks ago
How to Save WhatsApp Messages Without Taking a Screenshot
  • Android
  • How to
  • iPhone
  • Latest
  • Mobile
  • WhatsApp

How to Save WhatsApp Messages Without Taking a Screenshot

The Facebook owned messaging app WhatsApp is one of the most widely used messaging platforms around the world. Facebook revealed last year, that… Read More

2 weeks ago
Best WhatsApp Live Translator – Translate your Friend Messages from his Chat
  • Latest
  • Mobile
  • Tips & Tricks
  • WhatsApp

Best WhatsApp Live Translator – Translate your Friend Messages from his Chat

Best WhatsApp Live Translator. Hey there in this post I'll tell you how to put One Tab translator in WhatsApp.… Read More

3 weeks ago
WhatsApp Will Dance After Receiving Notification OR Message
  • WhatsApp

WhatsApp Will Dance After Receiving Notification OR Message

Your WhatsApp will dance after receiving notification OR message on your number. New WhatsApp secret trick 2019. Before I start,… Read More

3 weeks ago