nota automatica

sábado, 8 de marzo de 2014

Ultimas Entradas con Efecto Deslizante V.1

entradas efecto deslizante

De nuevo os traigo otro widget muy interesante para vuestros blog, lo podéis ver en este blog de pruebas en la sidebar.  Ultimas entradas con efecto deslizante


La instalación es lo más fácil de este widget, ya que no hay que tocar la plantilla para nada, tan solo introducir el código dentro de un widget-HTML, y cambiar donde pone: (URL DE VUESTRO BLOG) al  vuestro.

<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:0px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:240px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:240px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:60px;
overflow: hidden;
background:#2C79C1;
}
#spylist li a {
text-decoration:none;
color:#fff;
font-size:12px;
height:10px;
overflow:hidden;
margin:0px 0px;
padding:5px 0px 5px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:9px;
color:#000;
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:9px;
color:#000;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
jQuery.noConflict();
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 = 260;
cellspacing = 6;
borderColor = "#000000";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#000";
icon2 = " ";
numposts = 10;
home_page = "URL DE VUESTRO BLOG/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://safir85.ucoz.com/bdlab-blogspot/24work/recent-posts/animated_recent_posts.js' type='text/javascript'></script>
</div>

!!Espero que os guste!!
Imprimir artículo

2 comentarios:

Mil Trucos Blogger