How to Create Sitemap Page in Blogger

 

Blogging on Blogspot or the Blogger platform is a common question asked by every new blogger. Sitemap runner is where you can see all links of your point together without adding them manually. 

I believe you have formerly seen Sitemap on Masud Computer BD. If you haven t seen also check it then. It isn't necessary to have a Sitemap runner but still it's good to have a sitemap runner. Sitemap runner helps for easy navigation and also help to ameliorate pagerank of your blog as it work as iternal linking. In this runner you'll see all published posts. Siemap also helps search machines to bottleneck and indicator your blog fluently. Moment we will talk about sitemap runner for blogger. 

How to produce sitemap runner in blogger? 

To produce sitemap runner in blogger, first thing you'll need to produce a runner that you can do by navigate from your blogger dashboard to Pages also click" New runner" option also Page Editor will be open. turn it to HTML mode and place following law just inside it. 

#DEMO

<style type="text/css">

#toc{

width:99%;

margin:5px auto;

border:1px solid #2D96DF;

-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);

}

.labl{

color:#FF5F00;

font-weight:bold;

margin:0 -5px;

padding:1px 0 2px 11px;

background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);

background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));

border:1px solid #2D96DF;

border-radius:4px;-moz-border-radius:4px;

-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;

-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;

}

.labl a{

color:#fff;

}

.labl:first-letter{t

ext-transform:uppercase;

}

.new{

color:#FF5F00;

font-weight:bold;

font-style:italic;

}

.postname{

font-weight:normal;

background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);

background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));

}

.postname li{

border-bottom: #ddd 1px dotted;

margin-right:5px

}

</style>

<div id="toc">

<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>

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

</script></div>

After adding above code inside page editor, Replace "https://www.masudcomputerbd.com" with URL of your blog. And finally, Click "Publish" button and you're done !That's it , If you have any problem while implementing sitemap page in your blog, Please drop your comment below and also share your views about it. Do share this post with your blogger friends if you really like this and going to use on your blog. Thanks !

how to create html sitemap page in blogger,how to add html sitemap page in blogger,simple way to create sitemap page for blogger,sitemap page for blogger,blogger sitemap,blogger sitemap page,html sitemap code for blogger,how to create html sitemap page on blogger,how to create sitemap for blogger,how to create sitemap page in blogger,create sitemap page for blogger,how to create html sitemap page for blogger site,how to add html sitemap on blogger,sitemap,

Newer post Older post

ads1

পরিচিতদেরকে জানাতে শেয়ার করুন

ডোমেইন হোস্টিং সার্ভিস এই লিংকে চাপ দিন ।

ওয়েব ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।

গ্রাফিক্স ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।

ডোমেইন চেকার এই লিংকে চাপ দিন ।

আপনার জন্য আরো কিছু পোস্ট