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
FB GADGETS
NEWS TICKER BLOGGER TEMPLATES
RANDOM POST BLOG URL SITE MAP
GENERIC BLOGGER TEMPLATE PARTS
RECENT POST MOVE UP TO DOWN CODE
RANDOM POST WITH IMAGE
BLOG SITEMAP TAB FORMAT
OPEN DESKTOP TEXT FILE BY COMMAND PROMPT
RANDOM POST THUMBNAIL
RELATED POST WIDGET CODE
GOOGLE CHROME EXTENSION FILE SAVE ON WINDOW
BLOG SITEMAP PAGE WITH THUMBNAIL
RELATED POST WIDGET
SEARCH
ARCHIVE CALENDER WIDGET IN BLOG
RESPONSIVE BLOGGER TEMPLATE FB GDGETS
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
BLOG SITEMAP ACCORDION CODE
RANDOM POST BLOG URL SITE MAP CODE
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL 
BLOG SITEMAP CODE
GOOGLE PROJECT HOSTING
CHANGE CSS TEMPLATE INTO BLOGGER TEMPLATE
GOOGLE CONSOLE 
RESPONSIVE BLOGGER TEMPLATE 
RECENT POST BY AUTO BLOG FEED
BLOG SITEMAP URL WITH SIDEBAR
RECENT POST WITH COMMENTS AND BLOG URL HOVER THUMBNAIL CODE
BLOG SITEMAP ACCORDION
RELATED POST WIDGET LEFT TO RIGHT CODE
BLOG SITEMAP
RECENT COMMENTS WITH AVATAR
BLOG SITEMAP TAB FORMAT
BLOG SITEMAP URL WITH SIDEBAR CODE
BLOG SITEMAP CODE RECENT BLOG URL
RECENT POST MOVE UP TO DOWN
RANDOM POST WITH IMAGE CODE
BLOG SITEMAP PAGE WITH THUMBNAIL
RECENT COMMENTS WITH AVATAR CODE- search2
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.