LoginCreate an Account

Create a Blogspot / Blogger Site Map Page Using Dynamic View

We will use Dynamic View feature of Blogger to make a beautiful site map page for Blogger / BlogSpot Websites

Create a Blogspot / Blogger Site Map Page Using Dynamic View Feature Image

Dynamic View feature of Blogger provides a lot of awesome transition effects and many filters in many layouts for listing content from your blog. We take its advantages to create a cool site map page for your Blogger / Blogspot websites.

The idea is simple, Blogger provides Dynamic View feature on a separate URL on your site. So we will use that URL to load the Dynamic View in an iframe. Very simple, right?

Here is Demo of Blogger Site Map

Blogger Site Map Code

At first, create a static page on your blog and edit it in HTML mode.

Next, you will need to replace “YOUR_DOMAIN” text in below code then copy and paste it into your page content (in HTML mode)

<!-- 
Author: http://sneeit.com
URL: http://sneeit.com/create-blogger-site-map-dynamic-view/
Sneeit Blogger iFrame Sitemap :: sbis 
-->
<style type="text/css">
.sbis {
	overflow: hidden;
	position: relative;
	height: 565px;
	margin: 20px 0 40px 0;
}
.sbis iframe {
	display: block;
	width: 100%;	
	height: 680px;
	margin-top: -115px;
	margin-left: -10px;
	padding-right: 10px;
}
</style>
<div class="sbis">
	<iframe src="http://YOUR_DOMAIN/view/flipcard"></iframe>
</div>

Welcome all comments for improving the code better. Thank you very much.

Using Blogger / Blogspot Image URL Structure for Cropping and Resizing

To day, I am honor to introduce to all Blogger template developers about the best way to crop and resize your Blogger / Blogspot images ... READ MORE


How to upload favicon image for Blogger Blogspot website?

Favicon is a small logo that will be shown on tabs of browsers to help users can realize your site tab. To upload favicon for Blogger ... READ MORE