BLOG POST THUMBNAIL WITH JAVA CODE AND IMAGE SRC AUTO READ MORE

Friday, 2 May 2014

BLOG POST THUMBNAIL WITH JAVA CODE AND IMAGE SRC AUTO READ MORE

---------------------------------------------------------------------------------------------------
BLOG POST THUMBNAIL WITH JAVA CODE
---------------------------------------------------------------------------------------------------

<html>
<head>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BLOG POST THUMBNAILS WITH JAVA AND I MAGE REPLACE SRC
Not Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

/* table */
.post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
}
.post-body table.tr-caption-container {border:1px solid #ddd;
}
.post-body th{font-weight:bold;
}
.post-body table[border="1"] caption{border:none;font-style:italic;
}
.post-body table{background:#f6f6f6;
}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #ddd;
}
.post-body th{background:#eee;
}
.post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding:8px;
}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:440px;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
body#layout #wrapper {
padding:0 0 0 0;
}

.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}

body {
background:$(body.background);
margin:0 0 0 0;
padding:0 0 0 0;
color:$(body.text.color);
font:$(body.font);
text-align:left;
}

/* POST WRAPPER */
#post-wrapper {
background:$(post.background.color);
float:left;
width:468px;
margin:10px 5px 10px 0px;
}
.post-container {
margin:0 0;
}
.breadcrumbs {
font-size:11px;
color:#666;
padding:0 0 8px;
margin:0 0 10px;
border-bottom:1px dotted #d5d5d5;
}
.post-label-block {
margin:0 0 8px;
}
.post-label-block .label-block {
background:#44CCF2;
color:#fff;
display:inline-block;
text-transform:uppercase;
font-weight:bold;
padding:1px 3px;
font-size:10px;
margin:0 0;
}
.post-label-block .date-block {
background:$(date.header.background.color);
color:$(date.header.color);
display:inline-block;
text-transform:uppercase;
font-weight:bold;
padding:1px 3px;
font-size:10px;
margin:0 0;
}
.post-label-block .label-block:hover, .post-label-block .date-block:hover {
background:#333;
}
.post {
border-bottom:1px solid #ddd;
margin:0 0 10px;
padding:0 0 10px;
}
.post-body {
line-height: 1.4;
}
h2.post-title, h1.post-title {
font:$(post.title.font);
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:$(post.title.color);
}
h2.post-title a:hover, h1.post-title a:hover {
color:$(link.color);
}
.img-thumbnail {
float:left;
width:120px;
height:90px;
margin:0 10px 0 0;
padding:3px;
border:1px solid #ddd;
}
.img-thumbnail img {
width:120px;
height:90px;
}
.post-footer {
background:$(post.footer.background.color);
color:$(post.footer.text.color);
padding:10px 0;
margin:10px 0 0;
border-top:2px solid $(post.footer.border.color);
}

a.home-link {
background:#89C237;
display:inline-block;
padding:1px 3px;
color:#fff;
}

]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=120;
image_tag='<img src="'+image_url.replace('/s72-c/','/w'+image_size+'-h90-c/')+'" alt="'+post_title+'" title="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>

</head>
<body>
<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>

<b:includable id='post' var='post'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'>
<div class='img-thumbnail'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></div>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
</a>
<b:else/>
<a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsw6BGde3cdj417Fxd-D6MwCeyGWGH5Wan87LIfaWHcfLZm0-sgXBEG_8mUd2NZz9jwatu9W9G5Aqj6ST-RF_WK03HPRGKXlbpoQW9FOvoh58SVIPXn6-mSJcUWyZwPI1_s_jt-7cj3WY/w120-c-h90/picture_not_available.png'/></div>
</a>
</b:if></b:if>
</b:if></b:if>
<div class='post-label-block'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a class='label-block' expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</b:if>
<b:if cond='data:post.dateHeader'>
<span class='date-block'><data:post.dateHeader/></span>
<b:else/>
<b:if cond='data:top.showTimestamp'>
<span class='date-block'><data:post.timestamp/></span>
</b:if>
</b:if>
</div>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<h1 class='post-title entry-title' itemprop='name'>
<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>
</h1>
<b:else/>
<h2 class='post-title entry-title' itemprop='name'>
<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>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<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>
</h1>
</b:if>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear:both'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.snippet/>
<div style='clear:both'/>
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
</b:if>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear:both'/>
</div>
</b:if>
</article>
</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>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>