Gadget για slider εναλλαγής των αναρτήσεων

Πώς βάζω slider στο blog 

Ένα πάρα πολύ καλό gadget το όποιο παρουσιάζει τις 20 πιο πρόσφατες αναρτήσεις.




Πάμε να τα προσθέσουμε στο blog μας

• Σύνδεση στο λογαριασμό μας στο blogger.com
• Διάταξη 
• Προσθήκη gadget
• HTML/JavaScript
• Επικόλληση και Αποθήκευση του παρακάτω κώδικα:

Εκεί που έχω μαρκάρει με κόκκινο αντικαθίσταται με την διεύθυνση που θέλετε να διαβάζει τις  αναρτήσεις 

Έχει πρόβλημα το παρακάτω gadget.Ελπίζω πως σύντομα θα φτιαχτεί.Απολογούμαι για την ταλαιπωρία 

<!-- http://lefta4klik.blogspot.gr/ SLIDER --><div style="BORDER-BOTTOM: #000000 5px solid; BORDER-LEFT: #000000 0px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #000000; BORDER-TOP: #000000 0px solid; BORDER-RIGHT: #000000 5px solid; PADDING-TOP: 5px">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<style type="text/css" media="screen">
<!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:395px; } #spylist ul{ width:650px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:640px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:395px; overflow: hidden; background:#000000 url() repeat-x; border:1px solid #000000; } #spylist li a { text-decoration:none; color:#ffc042; font-size:18px; height:0px; overflow:hidden; margin:0px 0px; padding:0px 0px 0px 0px; } #spylist li img { float:left; margin-right:0px; background:#000000; border:0; } .spydate{ overflow:hidden; font-size:12px; color:#cd1713; 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:12px; color:#cd1713; padding:0px 0px; margin:0px 0px; } -->
</style>

<script language="javascript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOuTZ_-_cYXS_0OQgHtisymnkSuCbUQfdF5ntOOjhFkfj2Cw_WXcSycnA4mf86YmwYPIrjXxhR5HE42_EEPLvUIYm_ofD5veoA7osDc5pNLqKMyqusa_WRGgfWcVaqM2mj8Sb8k_Fd3c/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOuTZ_-_cYXS_0OQgHtisymnkSuCbUQfdF5ntOOjhFkfj2Cw_WXcSycnA4mf86YmwYPIrjXxhR5HE42_EEPLvUIYm_ofD5veoA7osDc5pNLqKMyqusa_WRGgfWcVaqM2mj8Sb8k_Fd3c/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOuTZ_-_cYXS_0OQgHtisymnkSuCbUQfdF5ntOOjhFkfj2Cw_WXcSycnA4mf86YmwYPIrjXxhR5HE42_EEPLvUIYm_ofD5veoA7osDc5pNLqKMyqusa_WRGgfWcVaqM2mj8Sb8k_Fd3c/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOuTZ_-_cYXS_0OQgHtisymnkSuCbUQfdF5ntOOjhFkfj2Cw_WXcSycnA4mf86YmwYPIrjXxhR5HE42_EEPLvUIYm_ofD5veoA7osDc5pNLqKMyqusa_WRGgfWcVaqM2mj8Sb8k_Fd3c/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOuTZ_-_cYXS_0OQgHtisymnkSuCbUQfdF5ntOOjhFkfj2Cw_WXcSycnA4mf86YmwYPIrjXxhR5HE42_EEPLvUIYm_ofD5veoA7osDc5pNLqKMyqusa_WRGgfWcVaqM2mj8Sb8k_Fd3c/s400/noimage.png";
showRandomImg = true;
boxwidth = 630;
cellspacing = 0;
borderColor = "#000000";
bgTD = "#000";
thumbwidth = 640;
thumbheight = 330;
fntsize = 30;
acolor = "#000";
aBold = true;
icon = " ";
text = "http://lefta4klik.blogspot.gr/";
showPostDate = true;
summaryPost = 20;
summaryFontsize = 10;
summaryColor = "#ffffff";
icon2 = " ";
numposts = 20;
home_page = "http://lefta4klik.blogspot.gr/";limitspy=1
intervalspy=9000
</script>

<div id="spylist">
<script type="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js"></script>
</div></div>

αφήστε σχόλιο για ότι χρειαστείτε

Για κάποιους που είχαν δυσκολίες έφτιαξα αυτό το βίντεο για το πώς να βάλουμε widget στο blogger μας.