Archive Pages Design$type=blogging

Grid View Sitemap For Blogger With Thumbnails / Images

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

grid-view-template-for-blogger-with-thumbnails-image

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.

grid-view-template-for-blogger-with-thumbnails-images

Step 2: Switch to HTML view.


Step 3: Copy below code and replace https://101helper.blogspot.com 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;
}
</style>
<div class="grid-sitemap">
 <iframe src="https://101helper.blogspot.com/view/flipcard"></iframe>
</div>


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

COMMENTS

BLOGGER: 3
Loading...
Beginner to blogging Bing webmaster tools tutorials blogger adsense Blogger menus Blogger Seo(Search Engine Optimization Blogger templates Blogger templates / themes Blogger Tips And Tricks Blogger Widgets And Gadgets Domains / Blogger earn money blogging Facebook widgets in blogger Google rich snippets blogger Google Webmaster Tools tutorials Mobile Blogging Related posts widget blogger social buttons blogger Yandex webmaster tools tutorials
false
ltr
item
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money: Grid View Sitemap For Blogger With Thumbnails / Images
Grid View Sitemap For Blogger With Thumbnails / Images
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
https://2.bp.blogspot.com/-vuXLdQWH7nc/Ws9yUS_vATI/AAAAAAAAHgg/8Of_McJR2TsM6qlSsRbbMPKhnU-xAhw-QCLcBGAs/s400/grid-view-template-for-blogger-with-thumbnails-image.png
https://2.bp.blogspot.com/-vuXLdQWH7nc/Ws9yUS_vATI/AAAAAAAAHgg/8Of_McJR2TsM6qlSsRbbMPKhnU-xAhw-QCLcBGAs/s72-c/grid-view-template-for-blogger-with-thumbnails-image.png
101Helper - Blogger tips,tricks,widgets,menus,seo,earn money
https://101helper.blogspot.com/2018/04/grid-view-sitemap-for-blogger-with-thumnaills.html
https://101helper.blogspot.com/
https://101helper.blogspot.com/
https://101helper.blogspot.com/2018/04/grid-view-sitemap-for-blogger-with-thumnaills.html
true
3767912102518445221
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago