Ads Top

Grid View Sitemap For Blogger With Thumbnails / Images


Sitemap is a good way to showcase all your posts and help visitors find every post in one place. By far I have shared two types of sitemaps, first is simple list of all posts with label names and other with grid view but names of posts only, so in this post I will teach you how to create a grid view sitemap with thumbnails. It is simple sitemap with all published posts and when a picture is hovered with mouse cursor it flips and show the name of respective post with its publish date and number of comments if any ! So its a impressive sitemap and you show try it once.

Here is a demo of the grid view sitemap with thumbnails/images for blogger blog.

Steps To Add Grid View Sitemap For Blogger With Thumbnails

Step 1: Go to Blogger > Pages and click on New Page.


Step 2: Switch to HTML view.

Step 3: Copy below code and replace with your blog link

<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;
<div class="grid-sitemap">
 <iframe src=""></iframe>

Step 4: Give a title to your page and Publish it and its done

Similar Posts:

● How To Add A Html Sitemap Page In Blogger

● How To Add Advanced Sitemap In Blogger

I hope you like this post, if not and you have a good opinion, tell me in comments. Thanks for visiting 101helper. Don't forget to share.

Search Keywords: Grid View Sitemap For Blogger With Thumbnails / Images,Simple sitemap for blogger,how to add sitemap code in blogger pages,how to create a sitemap page in blogger,gadgets and widgets for blogger 101helper


  1. Sir i am new to blogging, I have one .com site hosted on Google last month I got approval for Adsense and the niche of that site was education, also I run few more blogs on other niche and happily on blogspot subdomain am getting more visitors than that on my custom domain education site. I'm using Adsense code on my .blogspot sites also and happily am getting few cents everyday. Now I wanted to know if after one year if I do not renew that Educational .com site will I be able to use adsense? Basically I don't want to run that site I did that only for qualifying Adsense, now am using Adsense code on all sites. Now I don't wanted to run my education site, if so will I be able to use Adsense code on all my blogspot domains? Or I have to renewal my education site forever to use Adsense code? Please help am totally confused. I do so much hard labor for my education site but visitors were very poor and even very low CPC keyword, only 20-30 visitors/day. Please help

    1. I don't think that you will loose AdSense if you downgrade to blogspot as this blog was once and now blogspot. But i am not sure so I have an idea that disconnect your .com and switch to blogspot for a week and keep the ad codes as they are and see if AdSense is running or no.

  2. Blogspot is the best blogging platform for early bloggers. Nice to see the Grid view sitemap. Will tryout for our blogspot blog.


Powered by Blogger.