Create Specific Label Sitemap Page with Featured Thumbnail for Blogger

1. Handpicked design.
2. Designed With The Help Of JSON feed and CSS Language.
3. Show all posts from a particular label.
4. Featured Image Visible On Each Post.
5. Read More Link, Showing Number Of Comments and date of publishing.
6. Mobile Responsive design.
7. Unique Look, Never Seen Before!

If you ever checked the robots.txt file of your blogger blog, then you will be aware of the true but dangerous fact that by the default setting of blogger, label links are disallowed for search crawlers to index.

Don’t Ignore – 10+ Useful Blogger Widgets For BlogSpot Blogs.

I know you’re very smart to think, If the link blocked for search crawlers, then what’s the benefits you’re getting to use that link to internal linking.

To get rid of this biggest issue, Today, I came up with a great trick to gain search visibility of your blog by increasing page rank of your all blog posts.

Example Of Links:

Instead of this;

<a href=”https://www.mybloggerguides.com/search/label/Blogger%20Widgets”>Blogger Widgets</a>

Use this (By Creating Specific Label Sitemap Page Link);

<a href=”https://www.mybloggerguides.com/p/blogger-widgets.html”>Blogger Widgets</a>

Creating Sitemap Page For Particular Label

If you follow above trick of internal linking for creating a page as a category, then your all blog post gain strength and also rank you higher in search results. No, the question is how to create specific label sitemap page to categorize blog posts.

This is very simple to do. Follow below steps carefully;

STEP 1] Go To Blogger.com >> Navigate To Pages >> Click On New Page.

STEP 2] Now switch post editor to HTML Mode.

STEP 3] Paste below piece of code in HTML Post editor.

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>
<script type=’text/javascript’>
//<![CDATA[
function labelthumbs(json){document.write(‘<ul id=”label_with_thumbs”>’);for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==’replies’&&entry.link[k].type==’text/html’){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel==’alternate’){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf(“<img”);b=s.indexOf(“src=””,a);c=s.indexOf(“””,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=””)){thumburl=d;}else thumburl=’http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png’;}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]=”Jan”;monthnames[2]=”Feb”;monthnames[3]=”Mar”;monthnames[4]=”Apr”;monthnames[5]=”May”;monthnames[6]=”June”;monthnames[7]=”July”;monthnames[8]=”Aug”;monthnames[9]=”Sept”;monthnames[10]=”Oct”;monthnames[11]=”Nov”;monthnames[12]=”Dec”;document.write(‘<li class=”clearfix”>’);if(showpostthumbnails==true)
document.write(‘<a href=”‘+posturl+'” target =”_top”><img class=”label_thumb” src=”‘+thumburl+'”/></a>’);document.write(‘<strong><a href=”‘+posturl+'” target =”_top”>’+posttitle+'</a></strong><br>’);if(“content”in entry){var postcontent=entry.content.$t;}
else
if(“summary”in entry){var postcontent=entry.summary.$t;}
else var postcontent=””;var re=/<S[^>]*>/g;postcontent=postcontent.replace(re,””);if(showpostsummary==true){if(postcontent.length<numchars){document.write(”);document.write(postcontent);document.write(”);}
else{document.write(”);postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(” “);postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+’…’);document.write(”);}}
var towrite=”;var flag=0;document.write(‘<br><br><br>’);if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+’-‘+cdday+’ – ‘+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+’ | ‘;}
if(commenttext==’1 Comments’)commenttext=’1 Comment’;if(commenttext==’0 Comments’)commenttext=’No Comments’;commenttext='<a href=”‘+commenturl+'” target =”_top”>’+commenttext+'</a>’;towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+’ | ‘;towrite=towrite+'<a href=”‘+posturl+'” class=”url” target =”_top”> Read More »</a>’;flag=1;;}
document.write(towrite);document.write(‘</li>’);if(displayseparator==true)
if(i!=(numposts-1))
document.write(”);}document.write(‘</ul>’);}
//]]>
</script>
<a href=’https://www.mybloggerguides.com’ rel=’dofollow’></a>
<style type=”text/css”>
/* ————————————————————–
Specific Label Sitemap Page Widget For Blogger
Designed By : https://www.mybloggerguides.com
——————————————————————*/
img.label_thumb{
float:left;
margin:5px !important;
height:150px!important; /* Thumbnail height */
width:150px!important; /* Thumbnail width */
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
border: 1.2px solid #ff0000!important;
}
#label_with_thumbs {
float: left!important;
padding:5px;
margin:5px;
}
ul#label_with_thumbs li {
padding:2px;
background:#999;
border: 2px solid #0ff000;
width:48%;
display:inline-block;
margin:2.5px;
}
#label_with_thumbs li{
list-style: none ;
background:none;
padding-left:0px !important;
}
#label_with_thumbs strong {padding:-10px;}
#label_with_thumbs a { text-transform: uppercase; text-decoration:none; color:#ff2; font-size:14px;}
.post-body{color:#fff; font-size:15px!important;}
@media screen and (max-width:768px){ul#label_with_thumbs li{width:100%;}img.label_thumb{width:98%!important; float:none!important;}}
</style>
<script type=”text/javascript”>var numposts = 999999;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 80;</script>
<script src=”https://www.mybloggerguides.com/feeds/posts/default/-/Blogger%20Widgets?published&amp;alt=json-in-script&amp;callback=labelthumbs&amp;max-results=999″ type=”text/javascript”></script></div>

STEP 4] Do Customization:

• Change https://www.mybloggerguides.com with your blog domain URL.
• Change Blogger%20Widgets with the label name for that you want to create sitemap page.

Tips for Customization: