Animated Recent Post με εικόνες

• Σύνδεση στον Blogger
• Σχεδίαση / Προσθήκη Gadget
• Επιλέγουμε HTML/JavaScript
• Επικολλήστε τον παρακάτω κώδικα:

<div align="center">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.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:300px; 
overflow:hidden; 
list-style-type: none; 
padding: 0px 0px; 
margin:0px 0px; 
} 
#spylist li { 
width:280px; 
padding: 5px 5px; 
margin:0px 0px 5px 0px; 
list-style-type:none; 
float:none; 
height:70px; 
overflow: hidden; 
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.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>
<script language='javascript'>


imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5DJRbaLp3Hz1MOEF7G4R_qmcg0a1Th7dNWQul4z4MmrPHWycAvsFX-LZMPFsPimCv_Gd3plfWLBUPccBY20QJ_wqX6LGwRMUgvdGOnt4drgeTKwbCrWYzPHv9f7OA65xd9f8CZL5W18/s1600/BTT-125X125.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5DJRbaLp3Hz1MOEF7G4R_qmcg0a1Th7dNWQul4z4MmrPHWycAvsFX-LZMPFsPimCv_Gd3plfWLBUPccBY20QJ_wqX6LGwRMUgvdGOnt4drgeTKwbCrWYzPHv9f7OA65xd9f8CZL5W18/s1600/BTT-125X125.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5DJRbaLp3Hz1MOEF7G4R_qmcg0a1Th7dNWQul4z4MmrPHWycAvsFX-LZMPFsPimCv_Gd3plfWLBUPccBY20QJ_wqX6LGwRMUgvdGOnt4drgeTKwbCrWYzPHv9f7OA65xd9f8CZL5W18/s1600/BTT-125X125.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5DJRbaLp3Hz1MOEF7G4R_qmcg0a1Th7dNWQul4z4MmrPHWycAvsFX-LZMPFsPimCv_Gd3plfWLBUPccBY20QJ_wqX6LGwRMUgvdGOnt4drgeTKwbCrWYzPHv9f7OA65xd9f8CZL5W18/s1600/BTT-125X125.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAC5DJRbaLp3Hz1MOEF7G4R_qmcg0a1Th7dNWQul4z4MmrPHWycAvsFX-LZMPFsPimCv_Gd3plfWLBUPccBY20QJ_wqX6LGwRMUgvdGOnt4drgeTKwbCrWYzPHv9f7OA65xd9f8CZL5W18/s1600/BTT-125X125.jpg";
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 = "ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div> <a href="http://www.bloggertipsandtricks.net/2011/08/animated-recent-post.html"><font size="1px" color: #000000>Xml Code Synthesis</font></a></div>

Αντικαταστήστε "ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ" με το δικό σας URL.

• Αποθήκευση και το gadget είναι έτοιμο και δραστήριο.