----------------------------------------------------------------------------------------
1-ADD HTML/JAVA WIDGET
2-COPY AND PASTE BELOW CODE IN THIS WIDGET
3- CHANGE BLOG URL
-------------------------------------------------------------------------------------------


<style type="text/css">
img.label_thumb {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .5s ease;
float:left;
padding:0;
border:3px solid #cccccc;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
background:#fff;
margin-right:10px;
height:70px;
width:70px
}
img.label_thumb:hover {
-moz-transform:scale(1.2) rotate(-350deg);
-webkit-transform:scale(1.2) rotate(-350deg);
-o-transform:scale(1.2) rotate(-350deg);
-ms-transform:scale(1.2) rotate(-350deg);
transform:scale(1.2) rotate(-350deg);
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);
box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);
background:#f7f6f6
}
.label_with_thumbs {
float:left;
width:100%;
min-height:70px;
margin:0 10px 2px 0;
adding:0
}
ul.label_with_thumbs li {
background:#f5f5f5;
list-style-type:none;
padding:8px 0;
min-height:65px;
margin-bottom:5px
}
.label_with_thumbs a {
color:#3395BF;
font-size:12pt;
outline:0;
text-decoration:none
}
.label_with_thumbs a:hover,.label_with_thumbs a:focus {
color:#F4A557
}
.credits,.credits a {
font-size:12px!important;
text-align:left;
text-shadow:0 1px 0 #fff;
color:#888
}
#mdjumplink {
font-weight:800;
background:#f7f8f9;
background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);
background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);
background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);
background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);
background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:6px 12px;
margin:0;
-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
color:#888!important;
text-shadow:0 1px 0 #fff;
line-height:1.2;
cursor:pointer;
font-size:13px;
font-weight:bold;
text-decoration:none!important
}
#mdjumplink:hover {
background:#f1f1f1;
background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);
background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);
background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);
background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);
background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);
text-decoration:none!important
}
#mdjumplink a {
color:#888!important;
text-decoration:none;
display:block;
margin:2px
}
#mdjumplink a:hover {
color:#888!important;
text-decoration:none
}
#mdcomments {
padding:6px 12px;
background:#3395BF;
color:#FFFFFF!important;
font-size:13px;
font-weight:800
}
#mdcomments:hover {
background:#F4A557;
text-decoration: none
}
</style>

<script style='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_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/AVvXsEizp5Or3q2nnOXUbYfvI6ojWEgXDnuEofCjJuq72sA7vlP8wPSDauPVGCQWm0EXH1hfBqL-2GYX1JCLOyq0n9sNBKWOcwa41N5N3mARl6ZEj0sB0De-qfgWkJvCPeYSBVqt4jz1e-UOz5Q/s400/noimage.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]="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('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target="_top">'+posttitle+'</a></b><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('<i>');
document.write(postcontent);
document.write('</i>');}
else {
document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...');
document.write('</i>');}
}
var towrite='';var flag=0;
document.write('<br><strong>');
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">More -></a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('<hr size=0.5>');
}document.write('</ul>');
}
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var numposts = 15;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 80;
//]]>
</script>
<script src="http://fbgadgets.blogspot.co.uk/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs"></script>