PostThumbnailChangeImageWithJavaCode

Sunday, 13 July 2014

PostThumbnailChangeImageWithJavaCode

<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: PostThumbnailChangeImageWithJavaCode
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
body#layout #menu,body#layout .page-title,#navbar,.date-header,.feed-links,#credit,.post-location,.post-share-buttons,.post-icons{display: none !important;}
.section,.widget,.widget-content,body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;outline:none}
.post-divider {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSx4GMbgK5plRedISurgWaHjDE0UC5ip9l4Hc9qtLj3g5dJLfM-37fgYhis0AtaL7fgvYNjzvV-q3UnVgdew2K5LisUgS9UctUvqTGkPFTNNLMAUPCbz1txHeBX8tsrfg3QCJQbp9X1RE/s175/page-title-bg.png) repeat-x scroll left top transparent;
height: 20px;
}
.post {border-bottom: 1px solid #D7D7D7;border-top: 1px solid #D7D7D7;}
.post h3 {padding-bottom: 5px; font-size: 23px;padding-top: 18px;}
.post-body { padding: 0 20px 20px; width: 610px; }
.post-body img { max-width:600px; }
.thumb{
float:left;
height: 225px;
width: 200px;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
float: left;
margin: 0 20px 0 -20px;
display: block
}
.first,.first .post-body {border-top:none}
.post blockquote { font: italic 13px georgia; margin: 1em 20px;}
.post-author {
font-family: Geneva,"Lucida Sans Unicode",Arial;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.post-timestamp {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqISk202LuFqndwWFZ_GrQIWwEfHy8fEVJD9NBxldyXcB3jyO3XMTlSMSlX2gd8xb_6NM8e8VQ0QGACST51NmtUxpVpqhOU6RtChnGc8notvlyoGhredIJezQquDEC3V9ccIIV8l-Cvuw/s250/sprite.png) no-repeat scroll -33px -100px transparent;}
.post-comment-link {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqISk202LuFqndwWFZ_GrQIWwEfHy8fEVJD9NBxldyXcB3jyO3XMTlSMSlX2gd8xb_6NM8e8VQ0QGACST51NmtUxpVpqhOU6RtChnGc8notvlyoGhredIJezQquDEC3V9ccIIV8l-Cvuw/s250/sprite.png) no-repeat scroll -33px -160px transparent;}
.post-labels {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqISk202LuFqndwWFZ_GrQIWwEfHy8fEVJD9NBxldyXcB3jyO3XMTlSMSlX2gd8xb_6NM8e8VQ0QGACST51NmtUxpVpqhOU6RtChnGc8notvlyoGhredIJezQquDEC3V9ccIIV8l-Cvuw/s250/sprite.png) no-repeat scroll -33px -131px transparent;}
.post-footer span {float: left; padding: 1px 15px 5px 20px;}
.post-header{padding:0 0 10px 20px}

]]></b:skin>
<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
.post-header { float:right; width:429px; padding:0}
.post-footer {
float:right;
width:409px;
padding: 5px 0 20px;
font-size: 11px;
line-height: 11px;
}
.post-body {padding:0 20px;border-top: 1px solid #FFFFFF;}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function stripTags(s, n) {
return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0, n - 1).join(' ');
}
function readmore(id) {
var p = document.getElementById(id),
imgtag = '',
img = p.getElementsByTagName('img');
if (img.length >= 1) {
imgtag = '<img class="thumb" src="' + img[0].src + '" />';
} else {
imgtag = '<img class="thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGtNIA7mYJ5ksWTXifQHCfv0-udTVqk1FyGFTPWupLCZ24Fu9iQ12YVpaXG9bcwjddOk_VHYJnA3jqNzAZrOWf2AW1ecefq0w_IbwYIx8a-HdQseNpmsg5zeYM73sp7yykCZ4ADXMeYuI/" />';
}
p.innerHTML = imgtag + '<p>' + stripTags(p.innerHTML, 50) + '...</p>';
}
//]]>
</script>
</head>
<body>

<div id='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='post' var='post'>
<div class='post'>
<div class='post-header'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span><data:post.author/></span>
</b:if>
</div>
</div>
<div class='post-body'>
<b:if cond='data:blog.pageType == "index"'>
<span expr:id='"p" + data:post.id'><data:post.body/></span>
<script type='text/javascript'>/*<![CDATA[*/readmore("p<data:post.id/>")/*]]>*/</script><b:else/><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "index"'>
<div class='post-footer'>
<span class='post-timestamp' rel='bookmark' title='permanent link'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</span>
<span class='post-icons'>
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span>
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
<div class='clear'/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='clear'/>
<div id='related-posts'>
<script type='text/javascript'>/*<![CDATA[*/var ry='<h3>Related Posts</h3>';rn='<h3>No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='yes';var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total'in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail'in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguJN7yNCYgQviV11Un_900zy5gD9QjBSNnHClPKl5ZflF_YsEVPFq3NPBetJ6hlHVjsDSOsmtNVWWKqJFP0qfhPZFHKjgSQmjIVCKa5LdLaL5A7vLKF4SpP8NeiiI23MvdCKeOJluGxRRs/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><img alt="'+titles[c]+'" src="'+thumb[c]+'"/><div><h5><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></h5><span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div><div class="clear"></div><div class="divider"></div></li></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};/*]]>*/</script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>/*<![CDATA[*/var maxresults=4;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');/*]]>*/</script>
</div>
<div class='clear'/>
</b:if>
</b:if>
</div>
</div>
<b:if cond='data:blog.pageType == "index"'>
<div class='post-divider clear'/>
</b:if>
</b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div class='clear'> </div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>