Monday, 10 November 2014
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE
-------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
--------------------------------------------------------------------------------------------------------------
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css" >
#spylist-widget {
overflow: hidden;
margin-top: 5px;
padding: 0px 0px;
height: 385px;
font-family:calibri;
}
#spylist-widget ul {
width: 295px;
overflow: hidden;
list-style-type: none;
padding: 0px 0px;
margin: 0px 0px;
}
#spylist-widget li {
width: 282px;
padding: 5px 5px;
margin: 0px 0px 5px 0px;
list-style-type: none;
float: none;
height: 80px;
overflow: hidden;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihNMAu-4NWaGwcdpPb7vTiouD3tfsr0Lf4MajQ_oXE8nlJDT8kQr35AhPpwhatAdBAu-inyGRX6sI6Iq1hi2HXo7ZyINpRqlmrFPeFh-3aJ34aWOlCFGsMvgiuU36mXowyyfBGRi_z72c/s320/latesthack.com-.jpg) repeat-x;
border: 1px solid #ddd;
}
#spylist-widget li a {
text-decoration: none;
color: #4B545B;
font-size: 15px;
height: 18px;
overflow: hidden;
margin: 0px 0px;
padding: 0px 0px 2px 0px;
}
#spylist-widget img {
float: left;
margin-top: 5px;
margin-right: 15px;
background: #EFEFEF;
border: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 4px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
box-shadow: 0 0 3px rgba(0,0,0,.7);
}
#spylist-widget img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
.spydate {
overflow: hidden;
font-size: 10px;
color: #0284C2;
padding: 2px 0px;
margin: 1px 0px 0px 0px;
height: 15px;
font-family: Tahoma,Arial,verdana, sans-serif;
}
.spycomment {
overflow: hidden;
font-family: Tahoma,Arial,verdana, sans-serif;
font-size: 10px;
color: #262B2F;
padding: 0px 0px;
margin: 0px 0px;
}
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSGD-pjGZG4P__yB06EsGCYIcM1N7upa0Gj4c84n0xEIcAA4lg-fddG3aNw3UjlfbMJghG5hT1mpxyE83KEuxl2mQwtPAxJRhXhHBei8LpmJUVcARx-iPAKIeyBZ0FrNW8iFqaZ6o6sI/s1600/defaultimage.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSGD-pjGZG4P__yB06EsGCYIcM1N7upa0Gj4c84n0xEIcAA4lg-fddG3aNw3UjlfbMJghG5hT1mpxyE83KEuxl2mQwtPAxJRhXhHBei8LpmJUVcARx-iPAKIeyBZ0FrNW8iFqaZ6o6sI/s1600/defaultimage.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSGD-pjGZG4P__yB06EsGCYIcM1N7upa0Gj4c84n0xEIcAA4lg-fddG3aNw3UjlfbMJghG5hT1mpxyE83KEuxl2mQwtPAxJRhXhHBei8LpmJUVcARx-iPAKIeyBZ0FrNW8iFqaZ6o6sI/s1600/defaultimage.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSGD-pjGZG4P__yB06EsGCYIcM1N7upa0Gj4c84n0xEIcAA4lg-fddG3aNw3UjlfbMJghG5hT1mpxyE83KEuxl2mQwtPAxJRhXhHBei8LpmJUVcARx-iPAKIeyBZ0FrNW8iFqaZ6o6sI/s1600/defaultimage.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSGD-pjGZG4P__yB06EsGCYIcM1N7upa0Gj4c84n0xEIcAA4lg-fddG3aNw3UjlfbMJghG5hT1mpxyE83KEuxl2mQwtPAxJRhXhHBei8LpmJUVcARx-iPAKIeyBZ0FrNW8iFqaZ6o6sI/s1600/defaultimage.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 300;
home_page = "http://fbgadgets.blogspot.co.uk/";
limitspy=100;
intervalspy=4000;
</script>
<div id="spylist-widget">
<script type='text/javascript'>
//<![CDATA[
jQuery(function(){jQuery("ul.spy").simpleSpy(limitspy,intervalspy).bind("mouseenter",function(){jQuery(this).trigger("stop")}).bind("mouseleave",function(){jQuery(this).trigger("start")})});(function(e){e.fn.simpleSpy=function(f,g){f=f||4;g=g||5000;return this.each(function(){var l=e(this),k=true,i=[],m=f,o=0,h=l.find("> li:first").height();l.find("> li").each(function(){i.push("<li>"+e(this).html()+"</li>")});o=i.length;l.wrap('<div class="spyWrapper" />').parent().css({height:h*f});l.find("> li").filter(":gt("+(f-1)+")").remove();l.bind("stop",function(){k=false}).bind("start",function(){k=true});function n(){if(k){var p=e(i[m]).css({height:0,opacity:0,display:"none"}).prependTo(l);l.find("> li:last").animate({opacity:0},1000,function(){p.animate({height:h},1000).animate({opacity:1},1000);e(this).remove()});m++;if(m>=o){m=0}}setTimeout(n,g)}n()})}})(jQuery);function showrecentposts(z){document.write('<ul class="spy">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var o=0;o<numposts;o++){var w=z.feed.entry[o];var g=w.title.$t;var f;var p;if(o==z.feed.entry.length){break}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="alternate"){p=w.link[l].href;break}}for(var l=0;l<w.link.length;l++){if(w.link[l].rel=="replies"&&w.link[l].type=="text/html"){f=w.link[l].title.split(" ")[0];break}}if("content" in w){var r=w.content.$t}else{if("summary" in w){var r=w.summary.$t}else{var r=""}}postdate=w.published.$t;if(j>imgr.length-1){j=0}img[o]=imgr[j];s=r;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){img[o]=d}cmtext=(text!="no")?'<i><font color="'+acolor+'">('+f+" "+text+")</font></i>":"";var q=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var u=postdate.split("-")[2].substring(0,2);var h=postdate.split("-")[1];var t=postdate.split("-")[0];for(var e=0;e<q.length;e++){if(parseInt(h)==q[e]){h=x[e];break}}var n=(showPostDate)?'<i><font color="'+acolor+'"> ('+u+" "+h+" "+t+")</font></i>":"";g=(aBold)?"<b>"+g+"</b>":g;var v='<li><a href="'+p+'"><img src="'+img[o]+'" width="'+thumbwidth+'" height="'+thumbheight+'" class="recent-thumb"/></a><a href="'+p+'" class="recent-link">'+g+'</a><div class="spydate">'+n+'</div><div class="spycomment">'+cmtext+"</div>";document.write(v);j++}document.write("</ul>")}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');
//]]>
</script>
</div>
-----------------------------------------------------------------------------------------------------------------------
USE IMAGE
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMSGD-pjGZG4P__yB06EsGCYIcM1N7upa0Gj4c84n0xEIcAA4lg-fddG3aNw3UjlfbMJghG5hT1mpxyE83KEuxl2mQwtPAxJRhXhHBei8LpmJUVcARx-iPAKIeyBZ0FrNW8iFqaZ6o6sI/s1600/defaultimage.jpg
--------------------------------------------------------------------------------------------------------------------
Related movie you might like to see :
CHANGE CSS TEMPLATE INTO BLOGGER TE...
GENERIC BLOGGER TEMPLATE PARTS
GOOGLE PROJECT HOSTING
NEWS TICKER BLOGGER TEMPLATES
RELATED POST WIDGET LEFT TO RIGHT C...
RANDOM POST WITH IMAGE CODE
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
CHANGE CSS TEMPLATE INTO BLOGGER TE...
RESPONSIVE BLOGGER TEMPLATE FB GDGE...
RESPONSIVE BLOGGER TEMPLATE
Related Post for RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE
BLOG SITEMAP URL WITH SIDEBAR CODE
RESPONSIVE BLOGGER TEMPLATE 
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL 
RESPONSIVE BLOGGER TEMPLATE FB GDGETS
RANDOM POST THUMBNAIL
search2
GOOGLE PROJECT HOSTING
RELATED POST WIDGET CODE
NEWS TICKER BLOGGER TEMPLATES
BLOG SITEMAP ACCORDION
BLOG SITEMAP URL WITH SIDEBAR
BLOG SITEMAP TAB FORMAT
RELATED POST WIDGET LEFT TO RIGHT CODE
OPEN DESKTOP TEXT FILE BY COMMAND PROMPT
BLOG SITEMAP ACCORDION CODE
GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW
BLOG SITEMAP CODE RECENT BLOG URL
RECENT COMMENTS WITH AVATAR
RANDOM POST WITH IMAGE CODE
BLOG SITEMAP PAGE WITH THUMBNAIL
BLOG SITEMAP TAB FORMAT
BLOG SITEMAP PAGE WITH THUMBNAIL
RELATED POST WIDGET
RECENT POST MOVE UP TO DOWN CODE
RANDOM POST BLOG URL SITE MAP
RECENT POST BY AUTO BLOG FEED
RANDOM POST BLOG URL SITE MAP CODE
GOOGLE CONSOLE 
BLOG SITEMAP
RECENT POST MOVE UP TO DOWN
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE- SEARCH
GENERIC BLOGGER TEMPLATE PARTS
ARCHIVE CALENDER WIDGET IN BLOG
FB GADGETS
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
RECENT COMMENTS WITH AVATAR CODE
BLOG SITEMAP CODE
RANDOM POST WITH IMAGE
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE
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.