Finally, I've found a great trick for share to you. That's How to Add Labels with Thumbnail. With this trick, you can display some your blog posts based by the label on the homepage. So, your visitors will see many posts that neatly aranged in one page. Let's see the example of labels with thumbnail.
Now, if you want to know how to add labels with thumbnail, just follow the steps below.
1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Then, check in the "Expand Widget Templates" box
4. Copy the code below, and paste above ]]></b:skin>
5. After that, copy the code below and paste above </head>
6. OK, just click Save Template
Now, if you want to know how to add labels with thumbnail, just follow the steps below.
1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Then, check in the "Expand Widget Templates" box
4. Copy the code below, and paste above ]]></b:skin>
/*** Featured Categories ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
5. After that, copy the code below and paste above </head>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9coXqZXXCJYvO8NZYjdJCRp_VxLBXuL-kR0YqsoAleyzLgHKoc_I7xt3-AGHz7JqXF2dyAZcUYmUJ9jP8hUGj-A6dJ7RoKcKL-Q_9AMqAz3waIzvMaSYU8KHNoWthDLkNlv5G8skGP49/';}
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]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a rel="nofollow" href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a rel="nofollow" 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>');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 rel="nofollow" href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a rel="nofollow" href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw9coXqZXXCJYvO8NZYjdJCRp_VxLBXuL-kR0YqsoAleyzLgHKoc_I7xt3-AGHz7JqXF2dyAZcUYmUJ9jP8hUGj-A6dJ7RoKcKL-Q_9AMqAz3waIzvMaSYU8KHNoWthDLkNlv5G8skGP49/';}
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]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a rel="nofollow" href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a rel="nofollow" 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>');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 rel="nofollow" href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a rel="nofollow" href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
6. OK, just click Save Template
5 comments:
20151023 junda
ReplyMont Blanc Legend And Mountain Pen Discount
Louis Vuitton Bags Outlet Store
Authentic Louis Vuitton Handbags Cheap Online
nfl jerseys
Abercrombie And Fitch Kids Online
michael kors outlet
Canada Goose Jackets Outlet Online Sale
Louis Vuitton Handbags Official Site
celine
cheap toms shoes
coach factory outlet
Abercrombie and Fitch Outlet Sale
michael kors outlet
michael kors handbag
ugg boots
ugg boots
Louis Vuitton Bags On Sale
louis vuitton outlet
timberland boots for women
cheap louis vuitton
Lebron James Basketball Shoes Sale
Abercrombie T-Shirts
Michael Kors Handbags Outlet Deals
Louis Vuitton Clearance Sale
coach outlet store online
ugg boots
Cheap Jordans For Sale Wholesale
Michael Kors Outlet Sale Clearance
michael kors outlet
ugg boots
crx123
Replynike outlet store juicy couture
outlet bond pandora abercrombie air max thea markets, puma ed hardy hollister canada we hermes
belt beats by dr dre burberry have converse michael kors outlet online sale burberry outlet online managed michael kors outlet
online uggs outlet harrods
london to
further designer bags p90x workout uggs increase michael kors outlet swarovski crystals nike air max
2014 volumes nike air max michael kors babyliss pro in eyeglasses frames hermes
birkin ray bans both rolex watches for sale uggs outlet louis vuitton the tiffany
and co roshe run rolex
replica Euro oakley sunglasses cheap louboutin shoes tommy
hilfiger outlet stores and prada shoes for men reebok mcm bags Swiss bcbg max ugg boots nike Franc jordans for sale star wars vans shoes gucci
sale Repo
Markets," vans coach bags
north face jackets
christian louboutin uk
Replycoach outlet
michael kors handbags clearance
ralph lauren uk
true religion jeans
ugg outlet
swarovski crystal
nobis outlet
ugg outlet
kate spade uk
longchamp handbags
oakley
ray ban sunglasses
tory burch outlet online
michael kors handbags
basketball shoes
the north face outlet
football shirts
belstaff jackets
rolex watches for sale
prada handbags
oakley outlet
cheap mlb jerseys
michael kors online
rolex watches
oakley sunglasses
louis vuitton handbags
links of london
ray ban sunglasses
ugg outlet
toms shoes
michael kors outlet
cyber monday deals
beats by dre
ray ban sunglasses
beats by dr dre
chanel handbags
fitflops outlet
burberry outlet
cheap mlb jerseys
cai20151231
nike air huarache
Replycheap jordans
michael kors outlet
adidas stan smith
pandora jewelry
pandora jewelry
air max
lebron 13 shoes
adidas superstar shoes
air jordan
calvin klein outlet online
Replylongchamp handbags
mbt shoes online
valentino
vapormax
nike epic react
moncler jackets
jordan shoes
yeezy boost 350
michael kors handbags
Post a Comment