Thursday, 15 May 2014
RECENT/FEATURED POST THUMBNAIL AUTO SLIDING DOWN TO UP
----------------------------------------------------------------------------------------
1-ADD HTML/JAVA WIDGET
2-COPY AND PASTE BELOW CODE IN THIS WIDGET
3- CHANGE BLOG URL
-------------------------------------------------------------------------------------------
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript'>
//<![CDATA[
(function($){$.fn.vTicker=function(e){var f={speed:700,pause:2000,showItems:3,animation:'',mousePause:true,isPaused:false};var e=$.extend(f,e);moveUp=function(a,b,c){if(c)return;var d=a.children('ul');first=d.children('li:first').clone(true);d.animate({top:'-='+b+'px'},e.speed,function(){$(this).children('li:first').remove();$(this).css('top','0px')});if(e.animation=='fade'){d.children('li:first').fadeOut(e.speed);d.children('li:last').hide().fadeIn(e.speed)}first.appendTo(d)};return this.each(function(){var a=$(this);var b=0;var c=e.isPaused;a.css({overflow:'hidden',position:'relative'}).children('ul').css({position:'absolute',margin:0,padding:0}).children('li').css({margin:0,padding:0});a.children('ul').children('li').each(function(){if($(this).height()>b){b=$(this).height()}});a.children('ul').children('li').each(function(){$(this).height(b)});a.height(b*e.showItems);var d=setInterval(function(){moveUp(a,b,c)},e.pause);if(e.mousePause){a.bind("mouseenter",function(){c=true}).bind("mouseleave",function(){c=false})}})}})(jQuery);
//]]>
</script>
<script style='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
{
s=entry.content.$t;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!="")){ thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizp5Or3q2nnOXUbYfvI6ojWEgXDnuEofCjJuq72sA7vlP8wPSDauPVGCQWm0EXH1hfBqL-2GYX1JCLOyq0n9sNBKWOcwa41N5N3mARl6ZEj0sB0De-qfgWkJvCPeYSBVqt4jz1e-UOz5Q/s400/noimage.png'; } var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');
if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target="_top">'+posttitle+'</a></b><br>');
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write('<i>');
document.write(postcontent);
document.write('</i>');}
else {
document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...');
document.write('</i>');}
}
var towrite='';var flag=0;
document.write('<br><strong>');
if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target="_top">More -></a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('<hr size=0.5>');
}document.write('</ul>');
}
//]]>
</script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 50,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'down'
});});
</script>
<div id="sai">
<script src='http://fbgadgets.blogspot.co.uk/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script></div>
Related movie you might like to see :
ONLINE ZIP OPNER
JAVA COLOR PICKER WITH
RECENT OR FEATURED POST SLIDER AFTE...
Random/Recent/Feature Posts Button ...
Related PostWidget WithFirst Big Th...
MAKE DLL FILE AND OPEN IN VISUAL BA...
RADIO BUTTON SLIDER TO KEY FRAME SL...
RELATED POST WIDGET WITH SOCIAL WID...
NEWS TICKER BLOGGER TEMPLATES
RELATED POST WIDGET FRONT SCREEN TE...
RECAPTCHA KEY CONTCAT FORM FOR BLOG...
POPULAR POST WIDGET DIFFERENT STYLE...
Related Post for RECENT/FEATURED POST THUMBNAIL AUTO SLIDING DOWN TO UP
POST LOADER TEMPLATE
JAVA COLOR PICKER WITH
IMAGE UPLOAD WITH JAVA WITH PHP CODE
RECAPTCHA KEY CONTCAT FORM FOR BLOGGER
Recommended Post Slide out for Blogger
Random/Recent/Feature Posts Button In Blogger
Platinum Arts Sandbox Free 3D Game Maker
MAKE DLL FILE AND OPEN IN VISUAL BASIC 2008-2010
ONLINE ZIP OPNER
HOW USE SHOPPING CART BLOGGER TEMPLATE PART 2
NEWS TICKER BLOGGER TEMPLATES
SHOPPING CART IN SIDEBAR TEMPLATE
Related Posts Widget With Marquee Scrolling Effect
POPULAR POST WIDGET DIFFERENT STYLES
Related Posts Widget Square Shapes ThumbNails
BOOTSNIPP LOGIN SIGNUP FORM
RECENT/FEATURED POST THUMBNAIL IMAGE IN SIDEBAR
POPULAR POST SCROLL IN SIDEBAR TEMPLATE
RELATED POST WIDGET FRONT SCREEN TEMPLATE
RECOMMENDED POST SLIDE OUT FOR BLOGGER TEMPLATE
Recent Posts Widget With 3D And Metro Style Border
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
RAINBOW RANDOM POST CODE WITH BLOG URL BUT NO IMAGE
RECENT OR FEATURED POST SLIDER AFTER FOOTER
RELATED POST WIDGET WITH SOCIAL WIDGET
SHOPPING CART IN SIDEBAR TEMPLATE
BLOGGER INCLUDABLE SECTION 
Related PostWidget WithFirst Big Thumbnail
BASIC TEXT OR SCROLL BOX OR IMAGE SRC HTML CODES
RADIO BUTTON SLIDER TO KEY FRAME SLIDER
RELATED POST WIDGET WITH GOOGLE CODE FILE
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.