Create Sitemap Page with Thumbnails in Blogger

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks

Create Sitemap Page with Thumbnails in Blogger

Hello Blogger in my previous style Sitemap you can add your first Sitemap for your blogger blog.This Sitemap hep our readers to navigate our blog sort by labeled easily and also helps your blog to decreasing bouncing rate means number of visits that consist of only one pageview.
Also Read:-Shout Me Loud Style Blogger Template Download
This Plugin Created by  Prajjwal Rajput so, All credits goes to them this plugin are help in increase your blog page views to improve your blogger blog internal links.
But today i comes with amazing rounded and thumbnails sitemap for blogger blog. This sitemap page look simple , clean and elegant colors To see this plugin before you add this in your blog Check the live demo.

Live Demo of Sitemap Page

Once you have seen this plugin's demo then add this sitemap page in your blogger blog.follow my simple instruction to add sitemap with thumbnails on your blogger blog.
How To Add  Sitemap Page with Thumbnails in Blogger:-

• Go TO Blogger Dashboard>>Pages>>New Page
• Paste the following code in HTML Section of blank Page

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://yourjavascript.com/6155211947/softwayrko-blogspot-blogspot-com-sitemap.js">
</script>
<script>
var numposts = 999;
var showpostthumbnails = true;
var displayseparator = true;
</script>
<script src="http://www.softwayrko.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999"></script>
<br />
<div style="display: none;">
<a href="http://www.softwayrko.blogspot.com/">Softway RKO</a></div>
<style type="text/css">
.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}
.sitemap-container:hover {background-color:#fafafa;}
.thumbnail {width: 60px; height: 90px; float: left; top:0px;}
.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}
#postimg {margin-top: 10px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}
#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}
</style></div>

• Like this Image

• Replace  http://www.softwayrko.blogspot.com with your Blog URL
• Click on Save Button

Final Words

I hope your you can created Sitemap page with Thumbnails this is very simple steps to add this plugin in your blog if not? write your problem in comment box for his problem's solution and don't forget to like our Facebook Page.

Happy Blogging!