How To Create A Blogger Site Map Page Using Dynamic View?

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?

Create A Blogger Site Map Page Using Dynamic View

Blogger's Dynamic View tool offers a variety of fantastic transition effects and filters in a variety of layouts for listing material from your site. We use its benefits to make a nice site map page for your Blogger / Blogspot websites.

The concept is straightforward: Blogger offers the Dynamic View functionality on a distinct URL on your site. So we'll load the Dynamic View in an iframe using that URL. Isn't it simple?

Code for Blogger Site Map

Create a static page on your blog and modify it in HTML mode first.

Next, substitute "YOUR DOMAIN" text in the following code, then copy and paste it into your website 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>

To modify the layout of your site map, replace "flipcard" in the code with ONE of the following styles:

  • Classic
  • Magazine
  • Mosaic
  • Sidebar
  • Snapshot
  • Timeslide

Notes The dynamic view iframe will function on your blog if all of the following conditions are met:

Your blog has been made public. Your blog visitors do not need to sign in to access it. You must change your blog read to Public in the Dashboard > Settings > Basic > Blog Readers tab.
Feeds are completely enabled on your blog. You have enabled either Full or Jump Break for your Post Feed in the Dashboard > Settings > Site feed tab.
You have not turned off dynamic views. Enable Dynamic Views is set to Yes in the Dashboard > Settings > Formatting tab.