Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

How To Create HTML Sitemap To Blogger user

We provide you full tutorial about How To Create HTML Sitemap To Blogger because sitemap helps to improve crawl of your blog or website. It also help to increase crawling and indexing of blog or website. We also shared how to create XML site map of website in our previous tutorial. Now we give you how to create HTML sitemap for your blog readers. This sitemap help to show all links of your website on a page. You can show all your blog post and pages in single sitemap page. You can also show links form particular label.
How To Create HTML Sitemap To Blogger

How To Add HTML Sitemap To Blogger

If you want to show all your blog post at same page then follow below steps:

Step 1

Log in into blogger dashboard.

Step 2

Now Go to Pages then New page and click on blank page as show in below picture.

How To Create HTML Sitemap To Blogger

Step 3

Switch this page to HTML mode.

Step 4

Copy and paste below code in body.
<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentpostsundefinedjson) {
for undefinedvar i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if undefinedi == json.feed.entry.length) break;
for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
posttitle = posttitle.linkundefinedposturl);
if undefinedstandardstyling) document.writeundefined'<li>');
if undefinedstandardstyling) document.writeundefined'</li>');
<script src="http://expertbloggertricks.blogspot.in//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
If you want to create Sitemap Page for particular Label than copy and paste below code in body.
<script type="text/javascript">var numposts = 100;var standardstyling = true;function showrecentpostsundefinedjson) {for undefinedvar i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if undefinedi == json.feed.entry.length) break;for undefinedvar k = 0; k < entry.link.length; k++) {if undefinedentry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}posttitle = posttitle.linkundefinedposturl);if undefinedstandardstyling) document.writeundefined'<li>');document.writeundefinedposttitle);}if undefinedstandardstyling) document.writeundefined'</li>');}</script><ul><script src="http://expertbloggertricks.blogspot.in//feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>

Step 5

Replace http://expertbloggertricks.blogspot.in/ to your blog URL and Label%20Name to your label name.

Step 6

Click on Publish button.
If you have any question or update than you can contact with us any time at our E-mail support

No comments:

Don't Forget To Join Our Community
blogger tipstricksblogger templatesWidget
Tricks and Tips