How to create blogger sitemap page on Blogger blog

How to create blogger sitemap page on Blogger blog

Hello, friends welcome again today discuss create blogger sitemap page on Blogger blog. Sitemap page is very important on any website because it helps you find any post from your visitors through this site map. Your readers will be very profitable.

The blogger's sitemap page is not provided by default in the admin panelSitemap page is created with HTML, CSS, and JavaScript. If you do not have Sitemap page on your blog, then you have made a mistake on your blog. Sitemap page is important, even in other blogging WordPress and Tumblr like CMS.

Here we will mention all the codes that are used to create blogger sitemap page on Blogger blog. The Sitemap page is like a table of contents of your blog, it lists all your post titles and pages, and if the user goes to the Sitemap page they can browse your previous post. Let's learn how to create sitemap pages on Blogger.

Sitemap page benefit on the blog.
Any Top Ads-network fast approve your website example- Google AdSense, media.net, Infolink.com.


create_blogger_sitemap_page_on_Blogger_blog_image

Create blogger sitemap page all steps:

First work login to blogger. Then go to your theme option and Click Edit HTML option.
See Image:-
Theme Edit HTML option image
Past this CSS code head to head tag.  <head> to </head> -- save it.

<style scoped="" type="text/css">
#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#comments {display:none;}
</style>

Second work, you can go create blogger sitemap page and click HTML mode. Paste this code.


<div id="bp_toc" style="max-height:1200px;overflow:scroll;overflow-x:auto;"></div>
<script src='https://cdn.rawgit.com/BloggerSpice/Sitemap/master/sitemap.js' type='text/javascript'></script> 
<script src="https://labnole.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
You can edit Domain name. Past your Domain name and save it. Every work complete ready blogger sitemap page.

If you like this post, you can make other posts on your website in relation to bloggers about your beliefs.
Learn other tutorials:-



Hopefully, friends have been able to tell you how to create blogger sitemap page, if you have any questions, comment in the comments box. I'll try to answer soon.
Thank you by Labnole.com



Post a Comment

0 Comments