How To Create A Separate Archive Page(Site Map) In Blogger

Views:

 

This is a simple trick to add  blog archives in a single page in blogger. This also known as blog site map.  Create your blog site map and enjoy with Master Hacks.

 

 

 

Log in to your Blogger.

 

• Go to Page Option .

 

• Create a new page.

 

• Hit on html button

 

• Copy and paste below code. 

 

<div id="bp_toc"> <span id="preserve1be6b6bcf75b408a91912ecd3701362d" class="wlWriterPreserve"><script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"> </script></span><br /> <span id="preserve036d32d47d734266b590dd38bd0f0139" class="wlWriterPreserve"><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"> </script></span><br /> <br /> <style> #bp_toc { border: 1px solid #c1bfbf; padding: 5px; width:100%; margin-top:10px; } .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #fff; color: #000000; padding-left: 5px; width:60%; } .toc-header-col2 { width:20%; } .toc-header-col3 { width:20%; } .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:14px; text-decoration:none; } .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:14px; text-decoration:underline; } .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:14px; } </style>

 

• Save it.

 

 

 

 

Are you happy????????………………….