Νέοι bloggers γειά σας !Να ένα όμορφο gadget που δείχνει τις 10-15 πρόσφατες αναρτήσεις σας με autorolling και εικονίδιο ! Ο τρόπος που βάζουμε το κώδικα είναι γνωστός, και σας τον ξαναθυμίζω:
BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>GADGET=>HTML/JavaScript :
Κάντε copy-paste τον παρακάτω κώδικα:
<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:420px;
}
#spylist ul{
width:250px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#FCD746 url() repeat-x;
border:1px solid #FFDA48;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:9px;
height:9px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#AC58FA;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#000000;
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:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "";
imgr[1] = "";
imgr[2] = "";
imgr[3] = "";
imgr[4] = "";
imgr[5] = "";
showRandomImg = false ;
boxwidth = 290;
cellspacing = 1;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 8;
acolor = "#AC58FA";
aBold = true;
icon = " ";
text = "";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 8;
summaryColor = "#FFE18B";
icon2 = " ";
numposts = 15;
home_page = "http://bloggershappiness.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src='http://pantel.googlecode.com/files/recentpost-min.js' type='text/javascript'></script>
</div><center></center></center>
(ΕΠΕΙΔΗ ΚΑΠΟΙΟΙ ΦΙΛΟΙ ΔΕΝ ΜΠΟΡΟΥΣΝ ΝΑ ΒΑΛΛΟΥΝ ΤΟΝ ΑΥΘΕΝΤΙΚΟ, ΤΟΝ ΤΡΟΠΟΠΟΙΗΣΑ ΚΑΙ ΕΒΑΛΑ ΜΙΑ ΕΝΑ ΑΝΤΙΓΡΑΦΟ ΤΟΥ ΔΙΚΟΥ ΜΟΥ)
ΑΡΑ...ΕΚΕΙ ΠΟΥ ΛΕΕΙ ...home_page = "http://bloggershappiness.blogspot.com/"; ΒΑΛΤΕ ΤΗ ΔΙΚΗ ΣΑΣ ΔΙΕΥΘΥΝΣΗ
(ΠΡΟΣΟΧΗ:ΕΑΝ ΕΧΕΤΕ ΗΔΗ ΣΤΟ TEMPLATE ENA "
jquery " ΜΗ ΒΑΛΕΤΕ ΞΑΝΑ, ΑΠΛΑ ΑΝΤΙΓΡΑΨΤΕ ΤΟ ΜΕΤΑ ΑΠΟ ΑΥΤΟ)
ΑΛΛΑΞΤΕ ΣΤΟΝ ΚΩΔΙΚΑ ΤΗ ΔΙΕΥΘΥΝΣΗ : home_page = “http://name-your-blog.blogspot.com/”;
Επίσης μπορειτε να ρυθμίσετε σύμφωνα με τα γούστα σας:
width : 220px;
width:208px:
background:#fff (αλλάξτε χρώμα στο background)
thumbwidth = 70; thumbheight = 70;
numposts = 10; (αριθμό αναρτήσεων)