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>
Related movie you might like to see :
MOUSE COORDINATES IN JAVA SCRIPT
RELATED POST WIDGET LIST WITHOUT TH...
DYNAMIC VIEWS BLOGGER TEMPLATE
FLASH PLAYER SWF FILE DOWNLOAD ARCH...
WHACK A RAT CSS GAME
GOOGLE FILTER BUTTON IN IMAGE SEARC...
BUTTON PADDING CHANGE HEIGHT WIDTH
INPUT BUTTON VALUE SWAP
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
WEB IMAGE DOWNLOADER
TEXT COMPARE OR DUPLI TEXT FINDER
BLOCK JAVA SCRIPT BY GOOGLE CHROME
Related Post for BLOG POST THUMBNAIL WITH JAVA CODE AND IMAGE SRC AUTO READ MORE
FLICKITY SLIDER SCROLL WITH RADIO NEXT PREV BUTTON
MAGENTO CUSTOM BLOCK DEVOLPMENT
MAGENTO DWNLOAD
FLICKITY JS CSS SLIDER
POST DATE THUMBNAIL IN BLOG
INTENSO MAGENTO QUICK VIEW BUTTON
BODY JS FILE LINK IN MAGENTO
FEATURE POST WIDGET IN BLOG
RADIO BUTTON SLIDER TO KEY FRAME SLIDER
CONVERT FILE PATH TO A URL LINK
FIREBUG LITE USE OFFLINE
GOOGLE FILTER BUTTON IN IMAGE SEARCH
BLOG ZOOM EFFECT THUMBNAIL
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.