How To Create Sitemap Page in Blogger


Hello friends, and welcome back to our Techno Prokash Blog Website. Today I will tell you How To Create Sitemap Page in Blogger. This tutorial can be very helpful for you, so read this article carefully, and if you have trouble understanding the article, be sure to mention it in the comment box. I will definitely help you .


So today you know How To Create Sitemap Page in Blogger. I'm going to tell you How To Create Sitemap Page in Blogger.



What is Sitemap Page ?

Hello friends if you are a blogger and do blogging. So you must know about this sitemap page. Sitemap page is the number of posts you write on your website. Adding all these posts together as one page is called a sitemap page. Creating a sitemap page helps your users to find the posts of your website. Google ranks your website much faster because having a sitemap page on the website makes it easier for Google to crawl the posts. Having a sitemap page also makes the website much more beautiful . Blogger Xml Sitemap Genarator.


Actually, the Search engine uses their respective web crawlers (bots) to discover pages from links within the site and from other sites. XML Sitemap is an XML file attached to your website which supplies this data to crawlers. The sitemap file consists of all posts URL with additional information regarding each URL. The Search engine uses this data to index your posts in the best possible way. Use of XML Sitemap file guarantees that your web pages will get indexed in search engines.



Benefits Of Using Sitemap

If you do a Sitemap Page, there are many benefits to the website, such as: All the posts of the website can be seen by the user at once. This helps users to find articles. Using a sitemap page can help your website rank higher in Google. Again, if you use the sitemap page on the website, the website also becomes much more beautiful to the users.





How To Create Sitemap Page in Blogger


What do you need to do to create a Sitemap Page?

  1. Login into Blogger Dashboard.
  2. Now Go To pages & Click On new pages.
  3. Page Tile : Sitemap
  4. Copy Code And Paste.
  5. Replace Domain Name : Your Website Domain Name.
  6. Publish page.
How To Create Sitemap Page in Blogger




How To Create Sitemap Page in Blogger Techno Prokash



Sitemap Page Code Copy Now


<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">  
 .grid-sitemap {  
  overflow: hidden;  
  position: relative;  
  height: 565px;  
  margin: 20px 0 40px 0;  
 }  
 .grid-sitemap iframe {  
   display: block;  
   width: 100%;  
   height: 680px;  
   margin-top: -115px;  
   margin-left: -5px;  
 }  
 </style>  
 <br />
<div class="grid-sitemap">
<iframe src="https://www.technoprokash.com/view/flipcard"></iframe>  
 </div>
</div>

            

                        Note:- Replace with Your Domain Name!

               You need to change the domain name of your website

url="https://www.technoprokash.com"/view/flipcard'></iframe>

                     Replace with Your Domain Name!

url="https://www.yourdomainname.com"/view/flipcard'></iframe>

You have to copy the HTML code and go to the sitemap page and paste it. Then place the domain name of your website in the picture where you are asked to change the domain name. After doing these things, publish the page. Now the sitemap page has been created.






2nd Stylish Sitemap Page Code


Hello friends, the HTML code that I have given you is the code of the style sitemap page. Now if you need a normal sitemap page, you can use this code. The code of the sitemap page is given below.


How To Use This Code In Your Sitemap Page?


You have to add the code to the sitemap page using the same rules as the way you are adding the sitemap page first. First you need to copy the code and paste the sitemap page and add the domain name of your website by changing the domain name.


<style type="text/css">
.tb-sitemap {
    background-color: #222;
    color: #ddd;
    font-family: Verdana,Geneva,Tahoma,Arial,Sans-serif;
    font-size: 14px;
    font-weight: 410;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 9px rgba(0,0,0,.1);
}
.tb-sitemap .toc-header {
    color: #fff;
    font-family: inherit;
    font-weight: 410;
    font-size: 14px;
    background-color: #1A1B1E;
    margin: 0;
    padding: 13px;
    overflow: hidden;
    cursor: pointer;
    border-top: 1px solid #5c5c5c;
    border-bottom: 1px solid #5c5c5c;
    transition: initial;
}
.tb-sitemap .toc-header:hover {
    background: rgb(0,52,52);
    background: linear-gradient(90deg, rgba(0,52,52,1) 19%, rgba(3,106,30,1) 38%, rgba(0,182,182,1) 100%);
}
.tb-sitemap .toc-header:before {
    content: '';
    width: 0;
    height: 0;
    position: relative;
    float:right;
    top: 10px;
    right: 10px;
    border: 5px solid transparent;
    border-color: #aaa transparent transparent;
    transition: all .3s ease;
}
.tb-sitemap .toc-header.active {
    background: #1a1b1e;
    color: #fff;
}
.tb-sitemap .toc-header.active:before {
    border-color: #fff transparent transparent;
    top: 5px;
    -webkit-transform: rotateundefined-180deg);
    -moz-transform: rotateundefined-180deg);
    -ms-transform: rotateundefined-180deg);
    -o-transform: rotateundefined-180deg);
    transform: rotateundefined-180deg);
}
.tb-sitemap .loading {
    display: block;
    padding: 14px;
    text-decoration: blink;
}
.tb-sitemap ol {
    margin: 0;
    padding: 0;
    list-style: none;
    transition: initial;
}
.tb-sitemap li {
    counter-increment: step-counter;
    line-height: normal!important;
    margin: 0!important;
    padding: 7px 7px 7px 16px!important;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    transition: initial;
}
.tb-sitemap li:first-child {
    background: rgb(0,52,52);
    background: linear-gradient(90deg, rgba(0,52,52,1) 19%, rgba(0,0,0,1) 38%, rgba(71,62,62,1) 100%);}
.tb-sitemap li:nth-child(2n) {
    background: rgb(71,62,62);
    background: linear-gradient(90deg, rgba(71,62,62,1) 19%, rgba(0,0,0,1) 38%, rgba(0,52,52,1) 100%);}
.tb-sitemap li:nth-child(2n+3) {
    background: rgb(0,52,52);
    background: linear-gradient(90deg, rgba(0,52,52,1) 19%, rgba(0,0,0,1) 38%, rgba(71,62,62,1) 100%);}

.tb-sitemap li::before {
    content: counter(step-counter)'.';
    margin-right: 5px;
}
.tb-sitemap a {
    color: #fff!important;
    text-decoration: none;
    font-size: 90%;
    transition: initial;
    font-weight:normal!important;
}
.tb-sitemap a:visited {
    color: #fff!important;
    transition: initial;
}
.tb-sitemap a:hover,.tb-sitemap a:visited:hover {
    color: #fff!important;
    text-decoration: underline!important;
    transition: initial;
}
</style>

<br />
<div class="tb-sitemap" id="tb-sitemap">
<span class="loading">Sitemap Loading..</span>
<script type="text/javascript">
var toc_config = {
 url: 'https://www.technoprokash.com',
 containerId: 'tb-sitemap',
 showNew: 12,
 newText: ' <strong style="font-weight:normal;font-style:normal;color:#000;font-size:11px;background:#fff000;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">New!</strong>',
 sortAlphabetically: {
  thePanel: true,
  theList: true
 },
 maxResults: 9999,
 slideSpeed: {
  down: 400,
  up: 400
 },
 slideEasing: {
  down: null,
  up: null
 },
 slideCallback: {
  down: function() {},
  up: function() {}
 },
 clickCallback: function() {},
 jsonCallback: '_toc',
 delayLoading: 0
};
</script>
<script src="https://docs.google.com/uc?export=download&id=1znP9zLmzL9rN_zkRHGD7JqYfl17e35Ko" type="text/javascript"></script>
</div>
</div>                    Note:- Replace with Your Domain Name!

               Note:- Replace with Your Domain Name!

               You need to change the domain name of your website

url="https://www.yourdomain.com",



3rd Stylish Sitemap Html Code

Hello friends, the HTML code that I have given you is the code of the style sitemap page. Now if you need a normal sitemap page, you can use this code. The code of the sitemap page is given below.


How To Use This Code In Your Sitemap Page?

You have to add the code to the sitemap page using the same rules as the way you are adding the sitemap page first. First you need to copy the code and paste the sitemap page and add the domain name of your website by changing the domain name.

<!--Sitemap page for blogger by Technoprokash.Com-->  
<style type="text/css">  
#twistblogg{  
width:99%;    
margin:5px auto;  
border:1px solid #05a0ff;    
-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%,#05a0ff 40%);  
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#05a0ff),color-stop(1,#c2eafe));  
border:1px solid #37c2dd;  
border-radius:4px;-moz-border-radius:4px;  
-webkit-border-radius:4px;box-shadow:3px 3px 1px #a0a0a0;  
-moz-box-shadow:3px 3px 1px #a0a0a0;-webkit-box-shadow:3px 3px 1px #a0a0a0;display:block;  
}  
.labl a{color:#fff;  
}  
.labl:first-letter{text-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.50,#fff),color-stop(1,#C2EAFE));  
}  
.postname li{border-bottom: #ddd 1px dotted;  
margin-right:5px  
}  
_/*This is optional - For full width Sitemap*/_  
.sidebar, #bottom, #blog-pager, h2.post-title, .comments {  
display: none !important;  
}  
#content { width: 100% !Important; }  
@media only screen and (max-width: 1089px) and (min-width: 980px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 979px) and (min-width: 768px) { #content { width: 100% !Important; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #content { width: 100% !Important; } }  @media only screen and (max-width: 479px) { #content { width: 100% !Important; } }  
</style>  
  
<div id="twistblogg">  
<script src="https://amanbhattarai4400.github.io/csshosting/sitemap.js" type="text/javascript"></script>  
<script src="https://www.yourdomain.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">  
</script></div>                    Note:- Replace with Your Domain Name!

               Note:- Replace with Your Domain Name!

               You need to change the domain name of your websitez

                     Replace with Your Domain Name!

url="https://www.yourdomainname.com",


About The Post

So this was our discussion about "How To Create Sitemap Page in Blogger " Today, I hope you like this article or you have found out something through this article. If you have benefited from this article, please let us know in the comments. And don't forget to share this article with your friends. Techno Prokash. Prokash 360

11 Comments

Please Donot enter any Spam Link : Request to You

  1. Thanks for this!! I think you also include Yoast SEO for wordpress user !! ThanksFrom Geekstocode

    ReplyDelete
  2. Thanks For your great content where you clearly said that about How To Create Sitemap Page in Blogger and it's really helpful for me. If you want, you can also visit my website, where I listed #21 Best WordPress News Magazine Themes 2020 and more articles that will help you, and you can also post your question on my forums.

    ReplyDelete
  3. Hi Techno Prokash
    I just read your article. I'm completely amazed by the content you're providing and I shared it to my social media accounts

    ReplyDelete
  4. Yes, This is Yoast SEO for wordpress is the best for creating sitemap. and this tip will be useful for blogger.

    ReplyDelete
  5. Hii sir,
    your blog is awesome. i read your blog actually i m the passionat bloger. if u want to download ebooks regarding coading then pls visit my website WEB ANIMATION USING JAVA SCRIPT

    ReplyDelete
  6. The sitemap on any website is critical and this article is spot on with information. I think wordpress has a unique advantage with Yoast and other tools to help with that, especially since its free. I do Wordpress but also Shopify and most require a paid plugin that really adds up over time. In the design phase, https://hokumarketing.com/pages/shopify we take a look at the sitemap and how it can help ecommerce store owners with SEO.

    ReplyDelete
  7. Thanks sir , i follow You, Hello Friends My Website Name is "Sarkari Naukari Finds" is a Job Portal Website I Provide For You Latest Gov Job Vacancy,Admit Card,Syllabus,Answer Key,Admission,Aadhar Card ,Pan Card, Results, And More Many Services. Please Visit My Website

    ReplyDelete
  8. Thanks for imparting this important information on this subject, your writing art is amazing.

    ReplyDelete
  9. Thanks sir for good information. I was very helpful for this post.

    ReplyDelete

Post a Comment

Please Donot enter any Spam Link : Request to You

Previous Post Next Post