Gridy Sitemap With Thumbnail/Pictures For Blogger

Sitemap is very strong way to show your all content to your viewers.Basically there are two types of sitemaps.One sitemap is used by search bots which is not visible to your visitors and the second one is physical which is displayed across site which helps vistor to easily find content of there taste from your blog.The more attractive is your sitemap more chances are people to find content from it.You have already seen sitemaps which displays content in a list which is not so attractive but now i will show you how you can make your sitemap more attractive by makid it look like a gallery,So lets start.Follow these simple steps to add grid veiw to your sitemap page.
Step 1 : Go to Blogger>Dashboard>Pages.

Step 2 : Now creat a new page if you havent created a sitemap page earlier by clicking new page.
Step 3 : Now switch to HTML tab view.

Step 4 : Now copy the below code and paste it in your 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%;uto
height: 680px;
margin-top: -115px;
margin-left: -5px;
}
</style>
<div class="grid-sitemap">
<iframe src="https://blogfowl.blogspot.com/view/flipcard"></iframe>
</div>

Step 5 : Now Replace https://www.blogfowl.blogspot.com with your blog adress.
Step 6 : Give a title to your page (usualy sitemap) click publish and see your attractive grid view sitemap page.

Tags