How to Create a Grid View Sitemap Page for Blogger

How to Create a Grid View Sitemap Page for Blogger


Sitemap

Today in this instructional exercise we will make a Sitemap page for your Blogger blog that shows Grid pictures of your Blogger posts.

This network see Sitemap gadget is a responsive gadget and it will separate your included pictures and will show and it will naturally sort your posts by Recent Posts, Date, Label, and Author.

Thus, before making a beeline for the instructional exercise, let me give a short diagram of Sitemap.

Click here for a Demo Sitemap Page

Sitemap

What is a Sitemap

A sitemap is fundamentally a list of chapters for your site or blog, or a list.

It will list all your site pages of your site, or the significant ones with the goal that individuals and web search tool bots can without much of a stretch explore through the entirety of your pages.

Sitemaps are essentially made for two purposes, for clients, and for web crawlers.

Users

The user profits by sitemap in light of the fact that they can go and in the event that they can't discover a page of your site through the fundamental route they can really proceed to take a gander at your sitemap and perhaps discover the data there.

On the off chance that you have a huge site, utilizing sitemap can really separate your site into littler segments by classes or one after another in order, marks, creators, and so forth.

In this way, making a sitemap for your site is extremely valuable for your clients in helping them to discover data on your site.

Search Engine

Web crawlers can proceed to creep your sitemap and discover all the various pages of your website.

In this way, it will enable your site to get filed and furthermore for SEO purposes so as to help certain page rankings.

At the point when an internet searcher bot, now and then likewise called Spiders, visits your site and sees a style free site. Along these lines,

How to Create a Grid View Sitemap Page for Blogger

This widget code can be embed and used both for creating a new sitemap page or you can also add it to your blog sidebar.

Sitemap


Step 1. Login to your Blogger blog and select Pages and click on Add New in order to create a new page.




Step 2. Now give the page title for e.g. Sitemap and switch your page to HTML editor mode.

Step 3. Delete everything whatever is inside the HTML view then, copy and paste the below code inside your new sitemap page.

  <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>  
 <div class="grid-sitemap">  
  <iframe src="https://www.masterbloggerhelp.blogspot.com/view/flipcard"></iframe>  
 </div>  

Note: Do not forget to change my blog’s URL (https://www.masterbloggerhelp.blogspot.com) with yours.
Step 4. Finally, click on Publish and you are done.

Now, view your new sitemap page and click on different sections in order to see sort your sitemap with different categories.

Conclusion

I hope you have added a new beautiful grid view sitemap page or may have embedded on your blog's sidebar successfully.

And, if you have found this tutorial helpful, then please do us a favor by sharing this post on social media sites.

4 Responses to "How to Create a Grid View Sitemap Page for Blogger"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel