Adauga in blogul tau widget animat cu ultimele articole postate

Daca esti pe blogspot si incerci sa cauti diferite widget-uri vei gasi ( daca nu ai gasit deja) si aceasta optiune de a adauga in blog un widget cu ultimele articole postate.Diferenta acestui widget fata de ceea ce ofera blogspot blog este aceea ca blogspot ofera adaugarea in blog a ultimelor articole postate intr-un mod static.In timp de acest widget creaza animatie si deci poate creste timpul de vizitare a blogului celor care iti viziteaza pagina.

Adaugarea acestui widget cu ultimele articole postate in modul animat se face astfel :

Pasul 1. intra in contul de blogger.com
pasul 2. Da click pe Aspect >> Adăugaţi un obiect gadget >> HTML/JavaScript si folosind copy-paste adauga acest cod  :


<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: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(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] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";


imgr[4] = "http://i43.tinypic.com/orpg0m.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 = "http://99bloguri.blogspot.com/";


limitspy=4
intervalspy=2000


</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://99bloguri.blogspot.com/2010/04/adauga-in-blogul-tau-widget-animat-cu.html" target="_blank">Adauga acest widget in blogul tau</a>

Pasul 3.Salveaza.

Nota: pentru a adapta acest cod la adresa blogului tau schimba ceea ce este cu rosu cu adresa url blogului tau.
Pentru a mari sau micsora timpul de animare a posturilor modifica ceea ce scrie cu verde.
Daca doresti sa alegi pentru a afi afisat in mod animat un anumit nr din ultimele articole postate modifica ceea ce scrie cu albastru
Iar ceea ce scrie cu maro nr de articole postate pentru a fi animate