Gadget de post recientes>pedido

Ohaiiiooo sekai como están??? bien, mal , díganme el porque bueno hoy vengo trayendo este tuto que primeramente aclaro no es de mi autoria, han habido tutos que si lo son (me salen de pura chiripada ajaja ) pero este no lo es créditos al final, lo mas importante es el no plagiar eso es feo, dejando de lado eso este tuto lo hago porque una adorable seguidora lo pidió, y aquí lo traigo Esther. Es muy fácil poner los post recientes para eso nos vamos a diseño y añades un gadget o lo pones en uno que hayas ya hecho en el caso de mi blog yo lo tengo en el mismo donde pongo mi presentación o bienvenida
(como lo quieran llamar ) ahh lo olvidaba el gadget debe ser html java script, listo ahora si comencemos. Una vez hecho el gadget pegamos el siguiente código

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">

</script>

<style media="screen" type="text/css">

<!--

#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 {

-moz-border-radius: 5px;/**FORMA DEL RECUADRO EXTERIOR **/

border-radius: 5px;/** FORMA DEL RECUADRO EXTERIOR **/

width:208px;

padding: 5px 5px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background: #FFFFFF url(URL DEL FONDO O IMAGEN) repeat;

}

#spylist li a {

text-decoration:none;

color:#4B545B;/** COLOR DEL TITULO **/

font-size:11px;

height:18px;

overflow:hidden;

margin:0px 0px;

padding:0px 0px 2px 0px;

}

#spylist li img {

-moz-border-radius: 5px;/** FORMA DEL RECUADRO Y BORDE INTERIOR **/

border-radius: 5px;/** FORMA DEL RECUADRO Y BORDE INTERIOR **/

float:left;

margin-right:5px;

background:#EFEFEF;

border:1px dashed;/** FORMA DEL RECUADRO Y BORDE INTERIOR **/

}

.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://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";

imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";

imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";

imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";

imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";

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 = "aqui la url de tu blog";/** URL DE TU BLOG **/

limitspy=4

intervalspy=4000

</script>

<div id="spylist">

<script src="https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js" type="text/javascript">

</script></div></center>

Solo hay que editar la parte donde dice url de tu blog (rojo) y la url de tu fondito (moradito) aqui te comparto algunos fonditos por si no tienes

(dale click derecho copiar url de la imagen y la pegas en donde corresponde) bueno eso seria todo, espero te sirve Esther y pues queridisimas seguidoras ya saben pueden hacer pedidos, tutos, fanfics, packs de anime o lo que se les ocurre yo se los cumple si esta en mis manos pues los quiero mucho oh si lo creditos para lunaly kawaii
cuidense
bye bye