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>
Related movie you might like to see :

WHACK A RAT CSS GAME

GOOGLE FILTER BUTTON IN IMAGE SEARC...
JAVA SCRIPT BOOKS ONLINE

BASIC ELEVATE ZOOM PLUS

ELEVATE ZOOM JAVA SCRIPT WITH ONE I...

PRINT STAR PATTERN IN JAVA SCRIPT

MOUSE OVER MOUSE OUT IN JAVA SCRIPT

BODY JS FILE LINK IN MAGENTO

INTENSO MAGENTO QUICK VIEW BUTTON

Magento Hello World Module (Extensi...

FEATURE POST WIDGET IN BLOG

IMPORT SQL CSV FILE ON PHPMYADMIN

Direct Link Generator CODE

Direct Links to your Files on Googl...

PHP CONTACT FORM WITH CAPTCHA

ON LINE JAVA LIBRARY

GOOGLE PROJECT HOSTING

PRESTASHOP THUMBNAIL WITH HOVER EFF...

BUTTON PADDING CHANGE HEIGHT WIDTH

INPUT BUTTON VALUE SWAP
?
+
X
Recommended for you
Loading..
Related Post for PostThumbnailChangeImageWithJavaCode
PRESTASHOP THUMBNAIL WITH HOVER EFFECT ----------------------------------------------------------------------------------------------------------- PRESTASHOP THUMBNAIL WITH HOVER EFFECT STEP1: GO INSIDE IN BELOW LINā¦
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE IN THIS CODE U NEED SAME POST HTML CODE,Pā¦
CHANGE MENU CSS COLOR IN PRESTASHOP ---------------------------------------------------------------------------------------------------------------------- OR USE THIS CODE INSIDE FILE C:\wamp\www\PrestaShop\themā¦
HOME FEATURE TAB CHANGE IN PRESTASHOP ------------------------------------------------------------------------------------------------------------------ AFTER PRESTA SHOP INSTALLATION FIND REQUIRE FILE ONEā¦
MAKE WODPRESS THEME ------------------------------------------------------------------------------------------------------------------------ MAKE AND SAVE ALL FILE ONE BY ONE IN SAME FOLDER -ā¦
RENAME ADAPTER FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME adapter To APPLEā¦
NEWS TICKER BLOGGER TEMPLATES ---------------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODEIN BLOGGER TEMPLATE -----------------ā¦
POPULAR POST WIDGET DIFFERENT STYLES ------------------------------------------------------------------------------------------------------ STYLE 1: ---------------------------------------------------------------ā¦
RENAME CACHE FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME cache To CASH 1) Gā¦
PRESTA CSS JS FILE LINKS REMOVE BY DELETE FILES ------------------------------------------------------------------------------------------------------------------ YOU TUBE LINK https://youtu.be/UbE4O--D9i4?list=PL4AC2C4F0F53ā¦
AFTER INSTALL PRESTASHOP MAKE NEW FOLDERS ----------------------------------------------------------------------------------------------------------------- BEFORE INSTALL PRESTASHOP TWO BLANK FOLDERS CACHE SMARTYā¦
Direct Link Generator CODE ----------------------------------------------------------------------------------------------------- CODE: -------------------------------------------------------------------ā¦
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR ---------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE -----------------------------------------------------ā¦
GOOGLE PROJECT HOSTING ------------------------------------------------------------------------------------------------------------- STEP:1 LOGIN YOUR GOOGLE ACCOUNT STEP:2 GO TO SITE https://code.ā¦
IMPORT SQL CSV FILE ON PHPMYADMIN --------------------------------------------------------------------------------------------------- READ MORE: ----------------------------------------------------------------ā¦
RENAME DOCS FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME docs To ā¦
DEFAULT BOOT STRAP WORD IN 13 FILES PRESTASHOP ------------------------------------------------------------------------------------------------------------------ 1.C:\wamp\www\PrestaShop\README.md 2.&nbsā¦
BlogPagerWithJavaCode BLOG PAGER - YouTube ā¶ 6:22 https://www.youtube.com/watch?v=u54p0R8tS30 4 mins ago - Uploaded by SAVE MONEY BLOG PAGER ... how to create paging,pagination in ā¦
WAMP TO WORDPRESS INSTALL ------------------------------------------------------------------------------------------------------------- READ MORE: STEP NO:0 = CHECK WINDOW OPERATING SYSTEM STEP NO:1 ā¦
ABSOLUTE POPUP BOX WITH PRINT ----------------------------------------------------------------------------------------------------------------- POP BOX WITHOUT JAVA CODE 1: COPY AND PASTE BELOW CODE IN POSā¦
ADD POP UP REMOVER STEP 2: Remove FocusBase pop-up ads from Internet Explorer, Firefox and Google Chrome with AdwCleaner The AdwCleaner utility will scan your computer and web browser for ā¦
FONT LINE FIND IN PRESTA SHOP FILE SEEK SOFTWARE -------------------------------------------------------------------------------------------------------------------------- USEFULL LINKS http://alternativeto.net/software/fileseā¦
GENERIC BLOGGER TEMPLATE WITH CSS HEADER IMAGE AND PAGINATION ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE READ MORE BUTTON WITHOUT VARIABLE CODā¦
PRESTASHOP NEW THEME FOLDER -------------------------------------------------------------------------------------------------------------- YOUTUBE LINK: https://youtu.be/emfINPXYuGc 0) ONLY ā¦
Recommended Post Slide out for Blogger ---------------------------------------------------------------------------------------------------- RECOMMENDED POST SLIDE OUT FOR BLOG - YouTube ā¶ 2:50 https:/ā¦
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES ------------------------------------------------------------------------------------------------------ CODE 1 ------------------------------------------------------------------ā¦
POPULAR POST SCROLL IN SIDEBAR TEMPLATE -------------------------------------------------------------------------------------------------------- COPY AND PASTE BELOW CODE --------------------------------------------ā¦
BLOG HOSTING HELP DIRECT LINKS TO YOUR FILES ON GOOGLE DRIVE - YouTube ā¶ 5:17 https://www.youtube.com/watch?v=ehue47G5ayc 14 hours ago - Uploaded by SAVEā¦
Popular Posts Widget for Blogger Tweak ---------------------------------------------------------------------------------------------------------- 1- ADD POPULAR POST WIDGET IN BLOG 2- ADD HTML/JAVA WIDGET IN BLOG Aā¦
RENAME DOWNLOAD FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME download To DOG 1ā¦
RENAME CORE FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME Core To COAT 1) GOā¦
PAGINATION IN BLOG ---------------------------------------------------------------------------------------------------------- 1- FIND BODY CLOSE TAG AND REPLACE WITH BELOW CODE READ MORE: http:/ā¦
POPULAR POST WIDGET ADOSOSIVE STYLE -------------------------------------------------------------------------------------------------------- 1- USE THIS OR OTHER TEMPLATE Read More For Multi Colors:http://fbgadgā¦
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG ------------------------------------------------------------------------------------------------------------ COPY AND PASTE BELOW CODE RED JAVA CODE AND JAVA FILE LINK PAGā¦
RENAME CONTROLLERS FOLDER IN PRESTASHOP ------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME contrā¦
RENAME CSS FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME css To CAT 1) BEFOā¦
PHP CONTACT FORM WITH CAPTCHA ------------------------------------------------------------------------------------------------------------------ BEFORE SEND MESSAGE 1) FIRST SOVLE SMTP PROBLEM ā¦
25 JS FILES DELETE IN PRESTASHOP ------------------------------------------------------------------------------------------------------------------ NO:1 JS FILE DELETE jquery-1.11.0.min.js FILE IN ā¦
PRESTASHOP HOME PAGE TAB BREAD CRUMBS STYLE ----------------------------------------------------------------------------------------------------------------- YOUTUBE LINK: https://www.youtube.com/watch?v=96BeqS8bueU 0) ā¦
RENAME PDF FOLDER IN PRESTASHOP ----------------------------------------------------------------------------------------------------------------- 0) BEFORE INSTALLATION CHANGE FOLDER NAME pdf To PAK 1) ā¦
BLOG FILE HOSTING GOOGLE PROJECT WITH TORTOISE SVN SOFTWARE EDIT HTML PAGE IN GOOGLE - YouTube ā¶ 4:19 https://www.youtube.com/watch?v=Q4yfMqPFSYE 16 mins ago - Uploaded by SAVE MONEY http://fbgadgets.blogspot.co.uk/2016/09/ā¦
Platinum Arts Sandbox Free 3D Game Maker ----------------------------------------------------------------------------------------------------- READ MORE: ------------------------------------------------------ā¦
FEATURE POST WIDGET IN BLOG ------------------------------------------------------------------------------------------------------------ FEATURE POST WIDGET WITHOUT JAVA CODE 1) IT WORKS WITH POST ID 2) ā¦
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.