Animated Recent posts for Blogger with Thumbnails - Simple Spy
Animated recent post could be a fantastic thanks to gift headlines updates to your readers.The impact of swish scrolling attract readers and generate additional clicks to your web site.This contrivance displays your most up-to-date posts and includes alittle fingernail, however has the supplemental bonus of victimisation associate animated impact that moves swimmingly through the posts.There area unit plenty of nice tutorials discussing on a way to add Animated Recent posts for blogger with thumbnails and easy Spy, however most of the tutorials I've found don't seem to be very appropriate for a beginner.
How to Install Animated Recent posts for blogger with thumbnails and Simple Spy
Now let's start adding it...
Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.
Step 2. once click on Add a widget link A pop-up box can open currently
with several widget list, select HTML/JavaScript from the widget choices by clicking the blue sign for that widget.
Step 3. Select 'HTML/Javascript' and add the one of code given below.
Step 4. Now Click On Save 'JavaScript' You are done.
And now click Save Note :If your template already have a jquery do not put again, just copy after it Html from above a few things could be replaced :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaxPUwEP4HXTGlZBgLtQZ6RR-nAZ3-ZT3aiZRhNWwkmkwFSdfEgzLGPzBLP18MACEbhJigDaDor3IO-0hAnmFMPabYCg9kUp6RW0p3rlu2Cw7Gg8OqX9AVxTWFjd26-BjOS5lqXDWUTkSG/s1600/24work-blogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.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><a href="http://crackingsoftworld.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://crackingsoftworld.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0Jmoo5s_kAjegz1-FL0hESJi2_jY3NzKQOM7a2yREav2Wpv2OOUCfJYNHU8XnAaSm_ujpoTEsU3RBJN4KFteSsYqgAM2gZfhk4cnjcgWBCAS_9neqNlibtNM6l3JGZG91OBJwZeT5Qsh/s1600/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0Jmoo5s_kAjegz1-FL0hESJi2_jY3NzKQOM7a2yREav2Wpv2OOUCfJYNHU8XnAaSm_ujpoTEsU3RBJN4KFteSsYqgAM2gZfhk4cnjcgWBCAS_9neqNlibtNM6l3JGZG91OBJwZeT5Qsh/s1600/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0Jmoo5s_kAjegz1-FL0hESJi2_jY3NzKQOM7a2yREav2Wpv2OOUCfJYNHU8XnAaSm_ujpoTEsU3RBJN4KFteSsYqgAM2gZfhk4cnjcgWBCAS_9neqNlibtNM6l3JGZG91OBJwZeT5Qsh/s1600/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0Jmoo5s_kAjegz1-FL0hESJi2_jY3NzKQOM7a2yREav2Wpv2OOUCfJYNHU8XnAaSm_ujpoTEsU3RBJN4KFteSsYqgAM2gZfhk4cnjcgWBCAS_9neqNlibtNM6l3JGZG91OBJwZeT5Qsh/s1600/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc0Jmoo5s_kAjegz1-FL0hESJi2_jY3NzKQOM7a2yREav2Wpv2OOUCfJYNHU8XnAaSm_ujpoTEsU3RBJN4KFteSsYqgAM2gZfhk4cnjcgWBCAS_9neqNlibtNM6l3JGZG91OBJwZeT5Qsh/s1600/noimage.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://crackingsoftworld.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.dropboxusercontent.com/s/3frdg2yvzmdwsto/animated-recent-posts-ycode-1.js' type='text/javascript'></script>
</div>
Original source: CrackingSoftWolrd.blogspot.com
0 comments:
Post a Comment