Thursday, 2 January 2014

BLOG POST THUMBNAIL WITH LINK AND JAVA CODE

FB Gadgets



-------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
-------------------------------------------------------------------------------------------------------


<html>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BLOG POST THUMBNAILS WITH SLIDER EFFECT
- Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
.combadge {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfddeofBl6Wj8k3f0CvOvHCKKii4gHJ40ESqD_qqYVttp53Qc-jwZRLS2WMVFEX8X3ih7V7o5Oejegw2oQ3JJ92ZVzXbXYi2aAHe_iwmGT3x2wSK1MwGgPQ1eOU0FFDtwR73euREW13Jaw/s1600/combadge.png);
background-position:initial initial;
background-repeat:initial initial;
font-size:14px;
height:57px;
left:180px;
line-height:57px;
margin-top:-28px;
position:absolute;
text-align:center;
top:50%;
width:57px;
}
.combadge a:link, .combadge a:visited{
color:#fff;
}
img {
border: 0;
margin: 0;
}
a {
color: #3C95D5;
text-decoration: none;
outline: none;
}
a:hover {
color: #000;
text-decoration: none;
}
blockquote {
color: #59666f;
font-style: italic;
font-family: Georgia;
padding: 10px;
}
.clear {
clear: both;
}

.titlemeta{
padding:15px 0px;
margin:0px 0px;
font-size:11px;
}
.titlemeta a:link,
.titlemeta a:visited {
color: #3C95D5;
}
.title {
margin: 0px 0px;
padding: 0px 0px;
font-family: 'YanoneKaffeesatzRegular', Arial,Tahoma,Century gothic,sans-serif;
}
.title h2 {
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 0px;
font-size: 24px;
font-weight:normal;
color: #1365a0;
line-height: 120%;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color: #1365a0;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #fff;
margin: 10px 0;
}
table td,table th {
text-align: left;
border: 1px solid #fff;
padding: .4em .8em;
}
table th {
background: #ddd;
color: #999;
text-transform: uppercase;
font-weight: 400;
border: 1px solid #fff;
}
table td {
border: 1px solid #fff;
background: #eee;
color: #555;
}
table tr.even td {
background: #eee;
border: none;
}
table tr:hover td {
background: #FFF9DF;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}
img.alignnone {
display: inline;
background: #eee;
margin: 0 0 10px;
padding: 5px;
}
img.alignright {
display: inline;
background: #eee;
margin: 5px 0 10px 10px;
padding: 5px;
}
img.alignleft {
display: inline;
background: #eee;
margin: 10px 15px 10px 0;
padding: 5px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 10px 15px 10px 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.rounded {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.boxshadow {
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.post {
margin: 0px 0px 20px 0px;
overflow:hidden;
}
.post-image{
width:688px;
border:1px solid #D4ECF5;
background:#fff;
position:relative;
}

.post-meta{
width:160px;
margin-left:20px;
float:left;
margin-top:70px;
color:#888;
}
.post-meta span{
display:block;
line-height:20px;
}
.post-meta a,.post-meta a:visited{
color:#888;
}
.imagebox{
float:right;
height:200px;
overflow:hidden;
}

.post .postmeta {
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
padding:5px 0px
}
.entry {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
text-shadow: -1px 1px 0px #fff;
}
.entry a:link,
.entry a:visited {
color: #FF385C;
}
.entry a:hover {
color: #E53253;
}
.entry ul, .entry ol {
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li {
list-style-position: outside;
margin-left: 1.6em;
}
.entry p {
margin: 0px 0px 0px 0px;
padding: 10px 0px;
line-height: 180%;
}

]]></b:skin>

</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>
<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>
<b:includable id='feedLinks'></b:includable>
<b:includable id='feedLinksBody' var='links'></b:includable>
<b:includable id='iframe_comments' var='post'></b:includable>
<b:includable id='mobile-index-post' var='post'></b:includable>
<b:includable id='mobile-main' var='top'></b:includable>
<b:includable id='mobile-nextprev'></b:includable>
<b:includable id='mobile-post' var='post'></b:includable>
<b:includable id='nextprev'></b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post' id='post'>
<div class='title'>
<h2><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>
</div>

<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>


</div>

<div class='clear'/>
</b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='post' id='post'>
<div class='post-image clearfix'>
<div class='combadge'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a></div>

<div class='post-meta'>
<span><data:post.author/></span>


<span><a expr:href='data:post.url'>Read full article</a></span>
</div>

<div class='imagebox'> <b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=485;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postimg" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a></div>
</div>


<div class='title'>
<h2><b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if></h2>
</div>

<div class='entry'>
<p><data:post.snippet/> [...]</p>
<div class='clear'/>
</div>
</div>
</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post' id='post'>
<div class='title'>
<h2><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>
</div>

<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>






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

-------------------------------------------------------------------------------------------------
USE IMAGE  COM BADGE GREEN IMAGE IN ABOVE CODE
--------------------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------------------
YOU CAN WRITE UPPER CODE IN THIS WAY
--------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BLOG POST THUMBNAILS WITH SLIDER EFFECT
- Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
.combadge {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfddeofBl6Wj8k3f0CvOvHCKKii4gHJ40ESqD_qqYVttp53Qc-jwZRLS2WMVFEX8X3ih7V7o5Oejegw2oQ3JJ92ZVzXbXYi2aAHe_iwmGT3x2wSK1MwGgPQ1eOU0FFDtwR73euREW13Jaw/s1600/combadge.png);
background-position:initial initial;
background-repeat:initial initial;
font-size:14px;
height:57px;
left:180px;
line-height:57px;
margin-top:-28px;
position:absolute;
text-align:center;
top:50%;
width:57px;
}
.combadge a:link, .combadge a:visited{
color:#fff;
}
img {
border: 0;
margin: 0;
}
a {
color: #3C95D5;
text-decoration: none;
outline: none;
}
a:hover {
color: #000;
text-decoration: none;
}
blockquote {
color: #59666f;
font-style: italic;
font-family: Georgia;
padding: 10px;
}
.clear {
clear: both;
}

.titlemeta{
padding:15px 0px;
margin:0px 0px;
font-size:11px;
}
.titlemeta a:link,
.titlemeta a:visited {
color: #3C95D5;
}
.title {
margin: 0px 0px;
padding: 0px 0px;
font-family: 'YanoneKaffeesatzRegular', Arial,Tahoma,Century gothic,sans-serif;
}
.title h2 {
margin: 0px 0px 0px 0px;
padding:20px 0px 0px 0px;
font-size: 24px;
font-weight:normal;
color: #1365a0;
line-height: 120%;
}
.title h2 a, .title h2 a:link, .title h2 a:visited {
color: #1365a0;
background-color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #fff;
margin: 10px 0;
}
table td,table th {
text-align: left;
border: 1px solid #fff;
padding: .4em .8em;
}
table th {
background: #ddd;
color: #999;
text-transform: uppercase;
font-weight: 400;
border: 1px solid #fff;
}
table td {
border: 1px solid #fff;
background: #eee;
color: #555;
}
table tr.even td {
background: #eee;
border: none;
}
table tr:hover td {
background: #FFF9DF;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}
img.alignnone {
display: inline;
background: #eee;
margin: 0 0 10px;
padding: 5px;
}
img.alignright {
display: inline;
background: #eee;
margin: 5px 0 10px 10px;
padding: 5px;
}
img.alignleft {
display: inline;
background: #eee;
margin: 10px 15px 10px 0;
padding: 5px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0 0 10px 10px;
}
.alignleft {
float: left;
margin: 10px 15px 10px 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.rounded {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.boxshadow {
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.post {
margin: 0px 0px 20px 0px;
overflow:hidden;
}
.post-image{
width:688px;
border:1px solid #D4ECF5;
background:#fff;
position:relative;
}

.post-meta{
width:160px;
margin-left:20px;
float:left;
margin-top:70px;
color:#888;
}
.post-meta span{
display:block;
line-height:20px;
}
.post-meta a,.post-meta a:visited{
color:#888;
}
.imagebox{
float:right;
height:200px;
overflow:hidden;
}

.post .postmeta {
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
padding:5px 0px
}
.entry {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
text-shadow: -1px 1px 0px #fff;
}
.entry a:link,
.entry a:visited {
color: #FF385C;
}
.entry a:hover {
color: #E53253;
}
.entry ul, .entry ol {
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li {
list-style-position: outside;
margin-left: 1.6em;
}
.entry p {
margin: 0px 0px 0px 0px;
padding: 10px 0px;
line-height: 180%;
}

]]></b:skin>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=485;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postimg" alt="'+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>
<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'>
<div class='post'>
<p><data:post.body/></p>
<a expr:href='data:post.url'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script>
</a>
</div>
</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>


----------------------------------------------------------------------------------------------
OR USE THIS CODE
---------------------------------------------------------------------------------------------



FB Gadgets






<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   FB Gadgets
Designer: FB Gadgets
http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/* Use this with templates/template-twocol.html */


/*-----PostTitleCode ---*/
.post h3 {
background-color:Red;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #E3E3E3;
border-bottom-left-radius:0;
border-bottom-right-radius:10px;
border-top-left-radius:0;
border-top-right-radius:10px;
box-shadow:#FFFFFF 0 0 0 1px inset;
font-size: 1.2em;
color:#FFFFFF;
font-family:Oswald;
font-size:140%;
font-weight:400;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
margin:0 0 5px;
padding:5px;
}
.post h3 a {
color: Blue;
text-decoration: none;
}

/* YOU NEED TO POST IMAGE CODE WRITE  TWO TIMES
 BECAUSE IT'S DOES NOT  WORK*/
/* WHEN POST OPEN POST IMAGE SHOW BIGGER*/
/*-----PostImageCode ---*/
.post img {
width: 500px;
height: 500px;
border-radius: 0%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=485;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postimg" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
<!-- = / conditional statement / = -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
/*----- DateHeaderCode ----*/
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
/*-----PostTitleCode ---*/
.post h3{
background-color:transparent;
background-position:initial initial;
background-repeat:initial initial;
clear:both;
display:inline;
left:0;
margin-right:20px;
padding:2px 5px 3px 6px;
position:absolute;
opacity:0.7;
bottom:50px;
}
.post h3 a{
color: Blue;
text-decoration: none;
}
/*-----PostThumbnailCode ---*/
.post {
background: #f1f1f1;
border-top:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-bottom:#7c7c7c 1px solid;
float:left;
width:265px;
height:285px;
margin:10px 15px 0 5px;
overflow:hidden;
position:relative;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post:hover{
float:left;
width:265px;
height:285px;
border-radius: 50%;
border: 10px solid white;
-webkit-box-shadow: 5px 5px 5px #111;
box-shadow: 5px 5px 5px #111;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*-----PostImageCode ---*/
.post img {
float:left;
background-repeat:no-repeat;
background-position: bottom center;
width:265px;
height:285px;
margin-bottom:8000px;
margin-left:10px;
margin-top:0;
border: none;
padding-bottom:3px;
}
.post img:hover{
background-repeat:no-repeat;
background-position: bottom center;
width:265px;
height:285px;
margin-bottom:8000px;
margin-left:10px;
margin-top:0;
border: none;
padding-bottom:3px;
}
/*-----PostWritingDeleteCode ---*/
.post-body{
font-size: 0px;
}
</style>
</b:if>

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=485;
img_thumb_height = 185;
img_thumb_width = 280;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postimg" alt="'+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>
<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'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post' id='post'>
<div class='entry'>
<p><data:post.body/></p>
<div class='clear'/>
</div>
</div>
<div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='post' id='post'>
<div class='post-image clearfix'>
<div class='imagebox'> 
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div></div>
<div class='title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
</div>
<div class='entry'>
<data:post.body/>
</div>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post' id='post'>
<div class='title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
</div>
<div class='entry'>
<data:post.body/>
</div>
</div>
<div class='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>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>

----------------------------------------------------------------------------------------------------
YOU CAN REPLACE B TAG CODE WITH BELOW CODE,THIS CODE HAS
TWO PARTS FRONT PAGE POST AND AFTER WHEN YOU READ POST
-------------------------------------------------------------------------------------------------------

<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<div class='post' id='post'>
<div class='post-image clearfix'>
<div class='imagebox'> 
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div></div>
<div class='title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
</div>
<div class='entry'>
<data:post.body/>
</div>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post' id='post'>
<div class='title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</h3>
</div>
<div class='entry'>
<data:post.body/>
</div>
</div>
<div class='clear'/>
</b:if>
</b:includable>


------------------------------------------------------------------------------------------------------------
POST THUMBNAIL WITH AUTO READ MORE JAVA CODE  MAX IMAGE WIDTH 100%
------------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BLOG POST THUMBNAILS WITH SLIDER EFFECT
- Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post {
padding:0;
margin:0
}
.post-body img {
max-width:100%!important;
margin:0;
padding:0;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
#blog-pager,.post-header, .post-footer {display:none;}
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
.post-outer {
  float:none
}
</b:if>
</style>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
var classicMode = false ;
var summary = 25;
var indent = 3;

function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}

function getSummaryLikeWP(id) {
        return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
}

function getSummaryImproved(post,max){
   var re = /<.*?>/gi
   var re2 = /<br.*?>/gi
   var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
   var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi

   post = post.replace(re4,'')
   post = post.replace(re3,'<br /> ').split(re2)

   for(var i=0; i<post.length; i++){
    post[i] = post[i].replace(re,'');
   }
 var post2 = new Array();
 for(var i in post) {
  //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
  if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;

 }


 var s = "";
 var indentBlank = "";
 for(var i=0;i<indent;i++){
  indentBlank += " ";
 }
 if(post2.join('<br/>').split(' ').length < max-1 ){
   s = post2.join(indentBlank +' <br/>');
 } else {
  var i = 0;
  while(s.split(' ').length < max){
   s += indentBlank + ' ' + post2[i]+'<br/>';
   i++;
  }
 }
 return s;
}


function createSummaryAndThumb(pID,title,url,date,author,comment){
 var posturl= url;
 var title=title;
 var date =date;
 var comment = comment;
 var div = document.getElementById(pID);
 var content = div.innerHTML;
 if (/<!--\s*more\s*-->/.test(content)) {
  div.innerHTML = getSummaryLikeWP(pID);
  div.style.display = "block";
 }
 else {

 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary;
 if(img.length>=1) {
   imgtag = '<a href="'+posturl+'"><img class="entry-thumb" alt="'+ title+'" src="'+img[0].src+'"></a>';
   }
  var summary1 = '<div class="entrypost">'+imgtag + '<div class="entry-excerpt"><h2 class="entries-title"><a href="'+posturl+'">'+title+'</a></h2><div class="entry-meta"><span class="meta-author">'+author+'</span><span class="meta-date">'+date+'</span><span class="meta-comments">'+comment+' Comment</a></span></div><p>'+stripHtmlTags(content,summary)+'... </p><a class="readmore" href="'+posturl+'">+</a></div></div>';

 div.innerHTML = summary1;
 div.style.display = "block";
 }
}

//]]>
</script>
</b:if>
</b:if>
</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'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
</div>
<div style='clear:both'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:name='data:post.id'/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.author/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
</div>
<div style='clear: both;'/>
</b:if></b:if>
</div>
</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 id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>


----------------------------------------------------------------------------------------------------------
POST THUMBNAIL WITH LINK AND JAVA CODE
----------------------------------------------------------------------------------------------------------

<html>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BLOG POST THUMBNAILS WITH SLIDER EFFECT
- Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
]]></b:skin>
</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'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<article class='post post type-post status-publish format-standard hentry category-featured tag-aaaaa articleInside' id='post'>
<header class='entry-header'>

<h1 class='entry-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></h1>
</header><!-- .entry-header -->
<div class='clear'/>
   
<div class='entry-content2'>
<p><data:post.body/></p>           </div><!-- .entry-content -->
 
</article>
</b:if>


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<article class='post post type-post status-publish format-standard hentry category-featured tag-aaaaa' id='post'>

<div class='imagebox'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=300;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="homeThumbnail" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div>

<div class='entry-content'>
<p>
<data:post.snippet/> <a expr:href='data:post.url'>[Read More]</a></p>
</div><!-- .entry-content -->
<div class='clear'/>
</article><!-- #post-183 -->
<div class='clear'/>
</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<article class='post post type-post status-publish format-standard hentry category-featured tag-aaaaa articleInside' id='post'>
<header class='entry-header'>

<h1 class='entry-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></h1>    
<!-- .entry-meta -->
</header><!-- .entry-header -->
<div class='clear'/>
   
<div class='entry-content2'>
<p><data:post.body/></p>        
</div><!-- .entry-content -->

<!-- .entry-meta -->

</article>

</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>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>

------------------------------------------------------------------------------------------------------------
IF YOU WANT SHOW IMAGE USE THIS CODE
------------------------------------------------------------------------------------------------------------

<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title){
var image_size=220;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>

<script type='text/javascript'>
document.write(bp_thumbnail_resize("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizqTD0HuArQc8eEX9zh89p8in_2Dc-GkWO2emwRGss2isn86N4qlCUtKmAYnsMl24Wzy8_pCsWAOWIbtygTd_VQ9CNWMEV7LaB_-xy-Z-r8sp7516uB3Bn4fagC9oan4_nteQ0lQbpIh6p/s72-c/images-02-500.jpg","But There's Always a Happy Tomorrow"));
</script>

----------------------------------------------------------------------------------------------------------
POST THUMBNAIL WITH LINK AND JAVA CODE  WITH SHORT CODE
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function ONE(TWO,THREE)
{
var FOUR=485;
var FIVE=true;
var SIX="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrwRZSbbVWL5tfffHhg_jp-OnuuZLIGkwpJFjoCueai4x9ssU3_RssOTmC55it0Qp-PgxpmlEVE9k9nqIiYUWPT0WfgYHFZdf6QRGx3X74bi7NFBVjUVGmoOWsefHHL-Cn_9lJRYcNTm8/s72-c/default.png";
if(FIVE == true && TWO == "") TWO= SIX;
SEVEN='<img src="'+TWO.replace('/s72-c/','/s'+FOUR+'-c/')+'" class="postimg" alt="'+THREE+'"/>';
if(TWO!="") return SEVEN; else return "";
}

 //]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(ONE(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));

</script></a>

 ----------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: BLOG POST THUMBNAILS WITH SLIDER EFFECT
- Support Video Thumbnail
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
]]></b:skin>
</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>
<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'>

<!-- WHEN POST CLOSE  -->

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='post'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=300;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXkJZM9srOl1bE07HoNGpONGGjUrG9aDQJjZIJB9TatneHsJ9ZK5HXASZYZys8Os2x0hlAgL7-JC_9nde0MkJE9e0CGGmAWifhZqvLQ8eEARh8ug-y1QqJeS0ETtMaD0QoEv4JcxP3sam/s1600/FBGadgets.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="homeThumbnail" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
</div>
</b:if>

<!-- WHEN POST OPEN  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post'>
<data:post.body/>
</div>
</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 id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div>
</body>
</html>


-----------------------------------------------------------------------------------------------------
READ MORE:
--------------------------------------------------------------------------------------------------

BLOG POST THUMBNAIL WITHOUT JAVA CODE WITH MOBILE THUMBNAIL


Related Post for BLOG POST THUMBNAIL WITH LINK AND JAVA CODE

  • DRAG AND DROP WITH JQUERY AND HTML TUTORIAL ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
  • Drag and Drop Practice Game With Image ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
  • Random/Recent/Feature Posts Button In Blogger ------------------------------------------------------------------------------------------------------- 1-ADD HTML/JAVA WIDGET IN BLOG LAYOUT 2-COPY AND PASTE BLOW CODE IN THISā€¦
  • JAVA COLOR PICKER WITH jQuery UI Slider - Colorpicker jQuery UI Selectable - Serialize #red, #green, #blue { float: left; clear: left; width: 300px; margin: 15px; } #swatch { width: 1ā€¦
  • DRAG AND DROP HTML GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.cā€¦
  • SHOPPING CART IN SIDEBAR TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE: REMAINING PART http://fbgadgets.blogspoā€¦
  • DRAG AND DROP HTML GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE:ā€¦
  • SHOPPING CART BLOGGER TEMPLATE PART 1 READ MORE: ------------------------------------------------------------------------------------------------------------ http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-blā€¦
  • MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010 READ MORE: ----------------------------------------------------------------------------------------------------------------------- http://www.solvusoft.com/en/file-exā€¦
  • DRAG AND DROP PRACTICE GAME WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.cā€¦
  • Dino Pairs Matching Game ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
  • IMAGE SCROLL BOX WITH MOUSE CURSOR ----------------------------------------------------------------------------------------------------- SAVE AS  BELOW CODE IN HTML PAGE READ MORE: http://www.freebits.co.uā€¦
  • WORDPRESS THEME GENERATOR ----------------------------------------------------------------------------------------------------------- READ MORE: --------------------------------------------------------ā€¦
  • BLOGGER GRID LIST SHOPPING CART TEMPLATE ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE READ MORE: http://fbgadgets.blogspot.co.uā€¦
  • DRAG AND DROP PRACTICE GAME WITH IMAGE ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspoā€¦
  • SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE REMAINING PART: http://fbgadgets.blogspot.ā€¦
  • SHOPPING CART IN SIDEBAR TEMPLATE METHOD HOW TO ADD POST IN THIS TEMPLATE SHOPPING CART IN SIDEBAR TEMPLATE http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-template-with-view-cart.html http://fbgadgeā€¦
  • DRAG AND DROP IMAGES ABOVE BOX TO BELOW BOX WITH JQUERY ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
  • FANCY BOX JS FIDDLE - jsFiddle demo //![CDATA[ $(window).load(function(){ $(document).ready(function() { $(".fancybox").fancybox({ openEffect: 'none', closeEffeā€¦
  • POST LOADER TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------ā€¦
  • HOW USE SHOPPING CART BLOGGER TEMPLATE PART 2 ---------------------------------------------------------------------------------------------------------- CREATE EMPTY PAGE IN BLOG AND PASTE BELOW CODE IN HTML SECTION AND Gā€¦
  • ONLINE ZIP OPNER ---------------------------------------------------------------------------------------------------------- FIND THIS RED WORD IN GOOGLE online zip opener READ MORE: http://onlā€¦
  • BLOGGER GRID LIST SHOPPING CART TEMPLATE ---------------------------------------------------------------------------------------------------------- READ MORE: http://fbgadgets.blogspot.co.uk/2014/08/blogger-grid-listā€¦
  • DRAG AND DROP IMAGES ABOVE BOX TO BELOW BOX WITH JQUERY ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogsā€¦
  • Drag and Drop Practice Game With Image ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.cā€¦
  • Related PostWidget WithFirst Big Thumbnail ----------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE READ MORE: http://fbgadgets.blogspot.co.uā€¦
  • DRAG AND DROP HTML GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
  • SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE ---------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE REMAINING PART: http://fbgadgets.blogsā€¦
  • RECAPTCHA CONTACT FORM Once you've filled out the form, hit the Send! button. If you submitted the form by typing both of the words incorrectly, you will see an error page asking you fiā€¦
  • DINO PAIRS MATCHING GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspotā€¦
  • POST LOADER TEMPLATE ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE ---------------------------------------ā€¦
  • UnityAssetsExplorer Read More: https://yadi.sk/d/pQCvUUC02D3aY ā€¦
  • GENERIC POST TITLE UNDER AUTO READ POST IMAGE TEMPLATE ----------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------ā€¦
  • DRAG AND DROP HTML GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogsā€¦
  • CARD GAMES WITH DRAG AND DROP WITH JQUERY AND HTML ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
  • How to open a .DLL or .EXE file in Resource Editor READ MORE: ---------------------------------------------------------------------------------------------------------- http://www.solvusoft.com/en/file-extensions/file-extensioā€¦
  • RECAPTCHA TOOL USE IN WEBSTIES -------------------------------------------------------------------------------------------------------- READ MORE: https://www.wikidot.com/default--flow/logiā€¦
  • DRAG AND DROP HTML GAME ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.cā€¦
  • Sprite Sheet Animation ------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE: READ MORE: http://fbgadgets.blogspot.ā€¦
Posted by on Thursday, 2 January 2014 at 00:48
Labels:

0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

Subscribe to: Post Comments (Atom)
FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets