How to add Sitemap into your personal or business Blogger blog

By adding sitemap into blogger blog you can get a lot of benefits.

A sitemap is an XML file which contains the list of all post in your blog. That site maps improve blog’s crawling rate and it also helps search engines to index your blog post and blog pages. After you create a sitemap by submitting a sitemap to search engines will tell the search engines about your blog site and what is its content.

You can check that the blogger’s default sitemap contains only 26 recent posts of your blogger blog. You can check your site map by clicking below link,

  http://yourblogname.blogspot.com/atom.xml?redirect=false

*Replace your blog name with the yourblogname.blogspot.com.

In blogging, Sitemap is our site structure when we create Sitemap and add our blog then our visitor can find their post which they want. The site map helps readers to make some guidelines about our blogger. They can get some ideas about our blog site by knowing what is the content of that blog site. 

Sitemap is like a Road map for blog readers. If we have a separated page of a site map it will make closer our blog readers with our blog site. Also, it makes a good understanding of our blog site structure.

How to create a sitemap page in the blogger blog step by step?

A sitemap is our blog site structure, when we create a Sitemap and add into our blog then our visitor can find our post which they want. For create a site map page to your blooger, follow the below steps.

Step 1: Log into your blogger blog

Step 2: Go to Blogger Pages and click the " New page " button.

Step 3: First you must write the page title as " Sitemap" then click on the HTML button and Copy & Paste the below HTML Code in the content area >> Then, Replace Your blogger domain namewith https://your-blog-name.blogspot.com & click Preview button.

<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://your-blog-name.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ul>

 

Step 4: Now click the Publish button then you can publish & share SITEMAP post with others.

*It will take few seconds to appear the site map.

Finally, your blogger blog has a site map page too.

But if you want to add Stylish Sitemap page in your Blogger Blog then follow the below steps.

How to Add Stylish Sitemap page in Blogger Blog or how to create a Stylish sitemap page in blogger blog step by step

The sitemap is our blog site structure, when we create a Sitemap and add into our blog then our visitor can find our post which they want. Follow below steps to create a stylish sitemap.

Step 1: Log in to Blogger. -->>Go to Blogger Pages and click the " New page " button.

Step 2: First you want to write page title as the" Sitemap " then click HTML button and just Copy & Paste the below Code in content area >>

*Note: Replace Your blog name with https://your-blog-name.blogspot.com then click the Preview button.

 

<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="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhixlIx9u82pPGKxKXBIURBGBj91bBDn-EcK3TbfAw3shVDfOj6cD6_9aMY7E0Et5KrfYKu4GtzOJC9v6ukeVQcQlxIDl7QwmC2XaKw19LUGqxFzUepYXY3fYy29lJsIcrAkJacys3Hsj/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};

//]]>

</script>

<script src="https://yourblogname.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

 *Note: Replace Your blog name with https://your-blog-name.blogspot.com then click the Preview button.

Step 3. Click publish button 

*It will take few times to appear the site map.

Then, finally, you have a stylish sitemap.

That site map page will help to visitors or readers to find out our post which they want. Place that Site bar under the menu bar or another place that visitors can easily find out.

I hope the above method helps you to add Sitemap into your personal or business Blogger blog. And if you have any problem or know more on this, Please share with us in the comments section below.

How to add a popup window into Blogger without slowdown your blog speed?

Is it easy to create a pop-up window for the blogger blog using HTML codes without affecting blog speed?

Already, you might notice that in some websites or blog sites they use a popup window opens suddenly without the knowledge of reader or user which leads to other websites or popup ads. Most of the time webmasters do it for some promotional purpose & advertising purpose. Maybe it can be possible now that you will be searching for how to apply a popup window for your blog site for some promotional or advertising purposes.

It is very easy to add popup window for blogger and that popup window helps in increasing your page views and help visitors to know useful links within your site and other external sites too. Not only that also you can be earning some extra income for your pocket by using your blog site.

How to create a popup window for Blogger

1.      Login to your blogger account.

2.      Go to Dashboard

3.      Then click on the layout  

4.      In that click on adding a gadget from sidebar or footer. My recommendation is that you should add that gadget into the footer section. That can help to get the best performance.

5.       Then select HTML/JavaScript gadget.

6.       Add the following code into the HTML/JavaScript content area

7.       finally click the save button.

        <script type="text/javascript">

        document.body.onclick= function(){

        window.open('http://YOURSITEURL.com',

        'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0,

         menubars=0, resizable=1, width=950, height=650, left = 300, top =50');

         }</script>

Be make sure to change the http://YoursiteURL.com to your site URL name, so replace your it with your blog domain name.

Then Customize the width and height of the popup window as you prefer. 

When users click somewhere on your blog then a popup window will open pointing to that page.
 
I Hope the above method helps you to add a popup window into Blogger without slowdown your blog speed?. And if you have any problem or know more on this, Please share with us in the comments section below.