Calendarios para web y Blog gratuitos.

(Free Calendar Widget for Blog and Website), Integre estos calendarios directamente en su blog y sitios web. Usted puede personalizar según su exigencia que usa el instrumento de personalización AQUÍ.

*Especifique un país,usted puede usar cualquiera de las imágenes disponibles o puede usar su propia imagen también. Si usted usa su propia imagen, entonces lo redimensiona en 180 X 370 pixeles y especifica la imagen url. actualmente las propiedades de imagen no son aplicadas al pequeño calendario cuadrado.

*Copie el código del calendario tal cual y no modifique o suprima cualquier parte de ello.

Powered by Photo Calendar	Powered by Astrology Calendar
<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=1302113813&c=8&l=en&cbg=CC3300&cfg=FFFFFF&hfg=FFFFFF&hfg1=FFFFFF&ct=70&cb=1&cbc=FFFFCC&cf=verdana&cp=top&sw=0&hp=t&ib=1&ibc=990000&i=images/orchid.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/photo-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">Photo Calendar</a></div></div><!-------Do not change above this line------->	<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=524293560&c=8&l=en&cbg=FFFFFF&cfg=5C0201&hfg=5C0201&hfg1=5C0201&ct=80&cb=0&cbc=5C0201&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/pendant.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/astrology-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">Astrology Calendar</a></div></div><!-------Do not change above this line------->
Powered by Moon Calendar	Powered by iCal Calendar
<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=587041845&c=8&l=en&cbg=FFFFFF&cfg=003300&hfg=003300&hfg1=003300&ct=80&cb=0&cbc=003300&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=990066&i=images/royalorchid.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/calendars/moon-phases-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">Moon Calendar</a></div></div><!-------Do not change above this line------->	<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=1278840928&c=8&l=en&cbg=FFFFFF&cfg=000000&hfg=000000&hfg1=000000&ct=80&cb=1&cbc=000000&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=5C0201&i=images/bulldog.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/ical-calendar-holidays.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">iCal Calendar</a></div></div><!-------Do not change above this line------->
Powered by Online Calendar	Powered by Printable Calendar
<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=131241404&c=8&l=en&cbg=000000&cfg=FFFFFF&hfg=FFFFFF&hfg1=FFFFFF&ct=80&cb=1&cbc=FFFFCC&cf=verdana&cp=top&sw=0&hp=t&ib=1&ibc=990000&i=images/heart.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/online-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">Online Calendar</a></div></div><!-------Do not change above this line------->	<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=204919562&c=8&l=en&cbg=D46D2B&cfg=FFFFFF&hfg=&hfg1=&ct=70&cb=1&cbc=000000&cf=Verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=FFDC82&i=images/sunrise.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/printable-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">Printable Calendar</a></div></div><!-------Do not change above this line------->
Powered by Blank Calendar	Powered by PDF Calendar
<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=384432233&c=8&l=en&cbg=FFFFFF&cfg=4A041B&hfg=4A041B&hfg1=4A041B&ct=70&cb=1&cbc=000000&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=000000&i=images/juice.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/blank-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">Blank Calendar</a></div></div><!-------Do not change above this line------->	<!-------Do not change below this line-------><div align="center"><iframe align="center" src="http://www.calendarlabs.com/calendars/web-content/calendar.php?cid=1002&uid=323505663&c=8&l=en&cbg=FFFFFF&cfg=FFFF66&hfg=660000&hfg1=660000&ct=70&cb=1&cbc=000000&cf=verdana&cp=bottom&sw=0&hp=t&ib=1&ibc=000000&i=images/miley.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#666;">Powered by <a href="http://www.calendarlabs.com/pdf-calendar.php" target="_blank" style="font-size:10px;text-decoration:none;color:#666;">PDF Calendar</a></div></div><!-------Do not change above this line------->

1ºPara personalizar,visita CALENDARLABS
2ºElegir un calendario,y pulsar sobre el botón "Customize this widget".
3ºEditamos,y pulsamos sobre el botón,"Preview and generate your code"
4ºCopiamos el código generado,y lo copiamos en un elemento HTML/Javascript.

Script añadir a favoritos una web o blog.

Este script hará que los demás los puedan agregar a sus favoritos en el navegador de internet.Además os ofrezco unas imagenes que e creado en diferentes colores en 160 x 30 que es un tamaño pequeño,pero suficiente,y que suele ser apropiado para las columnas de blogs,y de fondo transparente.

El script es el siguiente y deben pegarlo en un elemento HTML/Javascript,en el sitio que prefieran,normalmente "partes altas de una web o blog":

<script type="text/javascript"><br />function agregar(){<br />//IE<br />if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {<br />var url="http://ayudablognovato.blogspot.com/"; //<br />var titulo="Ayuda para tu blog"; //<br />window.external.AddFavorite(url,titulo);<br />}<br />//Para Firefox<br />else {<br />if(navigator.appName == "Netscape")<br />//<br />window.sidebar.addPanel("Ayuda para tu blog", "http://ayudablognovato.blogspot.com/","");<br />}<br />}<br /></script><br /><a href="javascript:agregar()"><img alt="favoritos" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-cGPXUxUx8QW3XqI4SeUC5D2s5ARd3L6B1sZnuTNZJgExwl5sWagr8OME0_f_5FFpuDboNU1NKk-g4CrRpVVrmei7iwIT6tg4NlCISXqqD0dnRVoE20XFr04pfn3Cy25_rqxg6KUZepWf/s400/Agregarafavoritosayudablognovatorojoresalt5.gif"/></a>

*Solo hay que modificar "entre comillas" (la url del blog y el titulo) y poner la información de el blog,y la imagen "url de la imagen".
*Imagenes para elegir:

Sección comentarios en Blog Blogger cambio de posición y diseño de imagen desde plantilla

Actualización de este tema: Sustituir "Comentarios".

Este tema es muy sencillo si seguís los pasos,y queda muy vistoso,podéis ver un notable cambio del modelo básico que puede ofrecer una plantilla,a las grandes posibilidades que tenemos al poder mostrar tanto "el numero de comentarios"(con tamaño editable),como poner la imagen que queramos "gif",que pondremos según el diseño del blog y que indicará mas visualmente cual es la sección para comentar en un blog.

Pasos:

1ºEste paso se hace por que si no se hace,salen los comentarios arriba del post y abajo del post " 2 veces ", si lo borramos solo salen en un lado como debe quedar,vamos a nuestra plantilla "Edición html" y "expandimos artilugios"... localizamos con las teclas de nuestro teclado "Control+F"buscamos lo siguiente: <span class="post-comment-link"> "Incluido este código y hasta: </span> ¡Lo borramos! ,(Son unos 10-12 renglones "cuidado no borrar más,ver imagen).2ºAhora una vez borrado esa pequeña parte:Buscamos ahora: <b:includable id='post' var='post'> justo detrás "Si no hay espacio damos a Enter",ponemos el siguiente código:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <b:else/>
<data:post.numComments/> </b:if></a>
</b:if>
</b:if>
</span>

3ºAhora buscamos: ]]></b:skin> y justo "antes" ponemos:

.comment-link {
font-size: 150%;
background: url( "URL de la Imagen que se quiera" ) no-repeat top right;
height: 50px;
width: 53px;
text-align: center;
float: right;
margin: 5px 0 0 0;
padding:5px 2px 0 5px;
}

4ºDamos a vista previa,y nos aseguramos que no hay errores y guardamos.
* Los valores de tamaño del numero de comentarios "font-size: 150%;"podéis ajustarlos para el efecto deseado,y en:background: url( "URL de la Imagen que se quiera" ) ,hay ponemos entre los paréntesis la dirección de la imagen que queramos(una vez modificado se previsualiza la plantilla y se guarda).

-Estas son algunas imagenes para poner:

*Aquí dejo las "url" o direcciones de algunas imagenes que están muy bien para este motivo,para ver la animación,tamaño y la calidad de la imagen pulsar sobre el enlace de cada imagen,una vez elegida la direccion de imagen copiar y pegar sobre el código anterior "entre los parentesis ("AQUI LA URL DE LA IMAGEN") y comillas:Ejemplo:background: url( "http://www.gifmania.com/email/buzonesrojos/bnm.gif" )

Imagen	Url de la Imagen
	http://www.gifmania.com/email/buzones/mailh.gif
	http://www.gifmania.com/email/buzones/cartab.gif
	http://www.gifmania.com/email/buzonesmarillos/buzon2.gif
	http://www.gifmania.com/email/buzonesrojos/bnm.gif
	http://www.gifmania.com/email/buzonesazules/O_mail01.gif
	http://www.gifmania.com/email/cartas/981.gif
	http://www.gifmania.com/email/cartas/animai44.gif
	http://www.gifmania.com/email/cartas/val008.gif
	http://www.gifmania.com/email/cartas/roule-env.gif
	http://www.gifmania.com/email/cartas/email.gif
	http://www.gifmania.com/email/cartas/correo6b.gif
	http://www.gifmania.com/email/cartas/teroi.gif
	http://www.gifmania.com/email/cartas/mailme2.gif

Mariposas volando por tu blog,Flying Butterfly.

Flying Butterfly: Este es un Script que muestra unas "Mariposas" volando por tu blog,es sencillo de instalar,y hay 2 modelos.

1ºVamos a Diseño,Elementos de página,y añadir un gadget,(como vemos en la imagen):
2ºSeleccionamos,"HTML/Javascript":*Copiamos y pegamos el código elegido y guardamos.

<script language="JavaScript1.2"><br><br>/*<br>Flying Butterfly script (By BGAudioDr@aol.com)<br>Modified slightly/ permission granted to Dynamic Drive to feature script in archive<br>*/<br><br>var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION<br>var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION<br>var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES<br><br>//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!<br><br>var floatimages=new Array();<br>floatimages[0]='http://www.ladylony.com/butterfly303.gif';<br>floatimages[1]='http://www.ladylony.com/butterfly303.gif';<br><br>//*********DO NOT EDIT BELOW***********<br>var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false; var IE4 = (document.all)? true : false; var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;<br>var wind_w, wind_h, t='', IDs=new Array();<br>for(i=0; i<floatimages.length; i++){ t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a ">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a >';<br>t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';<br>t+=(NS4)? '</a></layer>':'</a></div>';<br>}<br>document.write(t);<br><br>function moveimage(num){<br>if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;<br>if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true; if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;<br>if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true; moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep); }  function getnewprops(num){ IDs[num].Ydir=Math.floor(Math.random()*2)>0;<br>IDs[num].Xdir=Math.floor(Math.random()*2)>0;<br>IDs[num].Ystep=Math.ceil(Math.random()*Ymax);<br>IDs[num].Xstep=Math.ceil(Math.random()*Xmax)<br>setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));<br>}<br><br>function getscrollx(){<br>if(NS4 || NS6)return window.pageXOffset;<br>if(IE4)return document.body.scrollLeft;<br>}<br><br>function getscrolly(){<br>if(NS4 || NS6)return window.pageYOffset;<br>if(IE4)return document.body.scrollTop;<br>}<br><br>function getid(name){<br>if(NS4)return document.layers[name];<br>if(IE4)return document.all[name];<br>if(NS6)return document.getElementById(name);<br>}<br><br>function moveidto(num,x,y){<br>if(NS4)IDs[num].moveTo(x,y);<br>if(IE4 || NS6){<br>IDs[num].style.left=x+'px';<br>IDs[num].style.top=y+'px';<br>}}<br><br>function getidleft(num){<br>if(NS4)return IDs[num].left;<br>if(IE4 || NS6)return parseInt(IDs[num].style.left);<br>}<br><br>function getidtop(num){<br>if(NS4)return IDs[num].top;<br>if(IE4 || NS6)return parseInt(IDs[num].style.top);<br>}<br><br>function moveidby(num,dx,dy){<br>if(NS4)IDs[num].moveBy(dx, dy);<br>if(IE4 || NS6){<br>IDs[num].style.left=(getidleft(num)+dx)+'px';<br>IDs[num].style.top=(getidtop(num)+dy)+'px';<br>}}<br><br>function getwindowwidth(){<br>if(NS4 || NS6)return window.innerWidth;<br>if(IE4)return document.body.clientWidth;<br>}<br><br>function getwindowheight(){<br>if(NS4 || NS6)return window.innerHeight;<br>if(IE4)return document.body.clientHeight;<br>}<br><br>function init(){<br>wind_w=getwindowwidth();<br>wind_h=getwindowheight();<br>for(i=0; i<floatimages.length; i++){ IDs[i]=getid('pic'+i); if(NS4){ IDs[i].W=IDs[i].document.images["p"+i].width; IDs[i].H=IDs[i].document.images["p"+i].height; } if(NS6 || IE4){ IDs[i].W=document.images["p"+i].width; IDs[i].H=document.images["p"+i].height; } getnewprops(i); moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H))); if(NS4)IDs[i].visibility = "show"; if(IE4 || NS6)IDs[i].style.visibility = "visible"; startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100); }}  function hidebutterfly(){ for(i=0; i<floatimages.length; i++){ if (IE4) eval("document.all.pic"+i+".style.visibility='hidden'") else if (NS6) document.getElementById("pic"+i).style.visibility='hidden' else if (NS4) eval("document.pic"+i+".visibility='hide'") clearInterval(startfly) } }  if (NS4||NS6||IE4){ window.onload=init; window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); } }  </script><br>

<script language="JavaScript1.2"><br /><br />/*<br />Flying Butterfly script (By BGAudioDr@aol.com)<br />Modified slightly/ permission granted to Dynamic Drive to feature script in archive<br />*/<br /><br />var Ymax=8;                                //MAX # OF PIXEL STEPS IN THE "X" DIRECTION<br />var Xmax=8;                                //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION<br />var Tmax=10000;                        //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES<br /><br />//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!<br /><br />var floatimages=new Array();<br />floatimages[0]='http://www.ladylony.com/butterfly202.gif';<br />floatimages[1]='http://www.ladylony.com/butterfly202.gif';<br /><br />//*********DO NOT EDIT BELOW***********<br />var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;<br />var IE4 = (document.all)? true : false;<br />var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;<br />var wind_w, wind_h, t='', IDs=new Array();<br />for(i=0; i<floatimages.length; i++){<br />t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a ">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a >';<br />t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';<br />t+=(NS4)? '</a></layer>':'</a></div>';<br />}<br />document.write(t);<br /><br />function moveimage(num){<br />if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;<br />if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;<br />if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;<br />if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;<br />moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);<br />}<br /><br />function getnewprops(num){<br />IDs[num].Ydir=Math.floor(Math.random()*2)>0;<br />IDs[num].Xdir=Math.floor(Math.random()*2)>0;<br />IDs[num].Ystep=Math.ceil(Math.random()*Ymax);<br />IDs[num].Xstep=Math.ceil(Math.random()*Xmax)<br />setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));<br />}<br /><br />function getscrollx(){<br />if(NS4 || NS6)return window.pageXOffset;<br />if(IE4)return document.body.scrollLeft;<br />}<br /><br />function getscrolly(){<br />if(NS4 || NS6)return window.pageYOffset;<br />if(IE4)return document.body.scrollTop;<br />}<br /><br />function getid(name){<br />if(NS4)return document.layers[name];<br />if(IE4)return document.all[name];<br />if(NS6)return document.getElementById(name);<br />}<br /><br />function moveidto(num,x,y){<br />if(NS4)IDs[num].moveTo(x,y);<br />if(IE4 || NS6){<br />IDs[num].style.left=x+'px';<br />IDs[num].style.top=y+'px';<br />}}<br /><br />function getidleft(num){<br />if(NS4)return IDs[num].left;<br />if(IE4 || NS6)return parseInt(IDs[num].style.left);<br />}<br /><br />function getidtop(num){<br />if(NS4)return IDs[num].top;<br />if(IE4 || NS6)return parseInt(IDs[num].style.top);<br />}<br /><br />function moveidby(num,dx,dy){<br />if(NS4)IDs[num].moveBy(dx, dy);<br />if(IE4 || NS6){<br />IDs[num].style.left=(getidleft(num)+dx)+'px';<br />IDs[num].style.top=(getidtop(num)+dy)+'px';<br />}}<br /><br />function getwindowwidth(){<br />if(NS4 || NS6)return window.innerWidth;<br />if(IE4)return document.body.clientWidth;<br />}<br /><br />function getwindowheight(){<br />if(NS4 || NS6)return window.innerHeight;<br />if(IE4)return document.body.clientHeight;<br />}<br /><br />function init(){<br />wind_w=getwindowwidth();<br />wind_h=getwindowheight();<br />for(i=0; i<floatimages.length; i++){<br />IDs[i]=getid('pic'+i);<br />if(NS4){<br />IDs[i].W=IDs[i].document.images["p"+i].width;<br />IDs[i].H=IDs[i].document.images["p"+i].height;<br />}<br />if(NS6 || IE4){<br />IDs[i].W=document.images["p"+i].width;<br />IDs[i].H=document.images["p"+i].height;<br />}<br />getnewprops(i);<br />moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));<br />if(NS4)IDs[i].visibility = "show";<br />if(IE4 || NS6)IDs[i].style.visibility = "visible";<br />startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);<br />}}<br /><br />function hidebutterfly(){<br />for(i=0; i<floatimages.length; i++){<br />if (IE4)<br />eval("document.all.pic"+i+".style.visibility='hidden'")<br />else if (NS6)<br />document.getElementById("pic"+i).style.visibility='hidden'<br />else if (NS4)<br />eval("document.pic"+i+".visibility='hide'")<br />clearInterval(startfly)<br />}<br />}<br /><br />if (NS4||NS6||IE4){<br />window.onload=init;<br />window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }<br />}<br /><br /></script><br />

Diapositiva de imagenes con enlace,Image slide link.

Este es un script,que nos ofrece un carrusel de imagenes,en modo de diapositiva,y además con enlaces,lo que significa,que "las imagenes están enlazadas"(Image slide link).

Es editable,en tamaño,en imagenes,y porsupuesto podemos poner los enlaces que queramos.Podemos darle multitud de usos:
*Podemos poner imagenes de Banners de otros Blogs o paginas y sus enlaces.
*Si tienes por ejemplo una pagina de Música,puedes poner las carátulas del álbum y el enlace...
*También podemos poner imagenes o secciones de nuestra propia pagina o un contenido que queramos,y así ofrecer el contenido de una manera muy visual y diferente...ya cada uno le da el uso que crea que mas le convenga o mas le guste.

Bien es muy sencillo ya que podemos colocar el código que os ofrezco,e un elemento "HTML/javascript",agregando un nuevo elemento.
*Copiamos el código siguiente:

<br /><span style="font-weight:bold;"><</span>script type="text/javascript"<span style="font-weight:bold;">></span><br /><br />/***********************************************<br />* Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)<br />* This notice MUST stay intact for legal use<br />* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />var trans_width='<span style="font-size:130%;"><span style="color: rgb(255, 0, 0);">140px</span></span>' //slideshow width<br />var trans_height='<span style="font-size:130%;"><span style="color: rgb(255, 0, 0);">100px</span></span>' //slideshow height<br />var pause=3000 //SET PAUSE BETWEEN SLIDE (7000=3 seconds)<br />var degree=10 //animation speed. Greater is faster.<br /><br />var slideshowcontent=new Array()<br />//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]<br />slideshowcontent[0]=["<span style="color: rgb(255, 0, 0);">AQUI LA URL DE LA IMAGEN</span>", "<span style="color: rgb(255, 0, 0);">AQUI LA URL DEL ENLACE O CONTENIDO</span>", "_new"]<br />slideshowcontent[1]=["<span style="color: rgb(255, 0, 0);">AQUI LA URL DE LA IMAGEN</span>", "<span style="color: rgb(255, 0, 0);">AQUI LA URL DEL ENLACE O CONTENIDO</span>", "_new"]<br />slideshowcontent[2]=["<span style="color: rgb(255, 0, 0);">AQUI LA URL DE LA IMAGEN</span>", "<span style="color: rgb(255, 0, 0);">AQUI LA URL DEL ENLACE O CONTENIDO</span>", "_new"]<br />slideshowcontent[3]=["<span style="color: rgb(255, 0, 0);">AQUI LA URL DE LA IMAGEN</span>", "<span style="color: rgb(255, 0, 0);">AQUI LA URL DEL ENLACE O CONTENIDO</span>", "_new"]<br /><br /><br /><br />////NO need to edit beyond here/////////////<br /><br />var bgcolor='ffffff'<br /><br />var imageholder=new Array()<br />for (i=0;i<span style="font-weight:bold;"><</span>slideshowcontent.length;i++){<br />imageholder[i]=new Image()<br />imageholder[i].src=slideshowcontent[i][0]<br />}<br /><br />var ie4=document.all<br />var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1<br /><br />if (ie4||dom)<br />document.write('<span style="font-weight:bold;"><</span>div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"<span style="font-weight:bold;">><</span>div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"<span style="font-weight:bold;">><</span>/div<span style="font-weight:bold;">><</span>div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"<span style="font-weight:bold;">><</span>/div<span style="font-weight:bold;">><</span>/div<span style="font-weight:bold;">></span>')<br />else if (document.layers){<br />document.write('<span style="font-weight:bold;"><</span>ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'<span style="font-weight:bold;">><</span>layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0<span style="font-weight:bold;">></span>'+'<span style="font-weight:bold;"><</span>img src="'+slideshowcontent[0][0]+'"<span style="font-weight:bold;">><</span>/layer<span style="font-weight:bold;">><</span>/ilayer<span style="font-weight:bold;">></span>')<br />}<br /><br />var curpos=trans_width*(-1)<br />var curcanvas="canvas0"<br />var curindex=0<br />var nextindex=1<br /><br />function getslidehtml(theslide){<br />var slidehtml=""<br />if (theslide[1]!="")<br />slidehtml='<span style="font-weight:bold;"><</span>a href="'+theslide[1]+'" target="'+theslide[2]+'"<span style="font-weight:bold;">></span>'<br />slidehtml+='<span style="font-weight:bold;"><</span>img src="'+theslide[0]+'" border="0"<span style="font-weight:bold;">></span>'<br />if (theslide[1]!="")<br />slidehtml+='<span style="font-weight:bold;"><</span>/a<span style="font-weight:bold;">></span>'<br />return slidehtml<br />}<br /><br />function moveslide(){<br />if (curpos<span style="font-weight:bold;"><</span>0){<br />curpos=Math.min(curpos+degree,0)<br />tempobj.style.left=curpos+"px"<br />}<br />else{<br />clearInterval(dropslide)<br />if (crossobj.filters)<br />crossobj.filters.alpha.opacity=100<br />else if (crossobj.style.MozOpacity)<br />crossobj.style.MozOpacity=1<br />nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"<br />tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)<br />tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])<br />nextindex=(nextindex<slideshowcontent.length-1)? onload="startit" 1="" 0="" function="" if="" crossobj="tempobj=ie4?" opacity="document.all.canvas1.filters.alpha.opacity=20" else="" mozopacity="document.getElementById("canvas1").style.MozOpacity=0.2" var="" temp="setInterval("moveslide()",50)" dropslide="eval(temp)" curcanvas="(curcanvas=="canvas0")?" curindex="(curindex<slideshowcontent.length-1)?" curpos="parseInt(trans_width)*(-1)" left="curpos+"px"" tickernssub="" innerhtml="getslidehtml(slideshowcontent[curindex])" visibility="show" span="" style="font-weight:bold;">></slideshowcontent.length-1)?>

*Lo resaltado en rojo podemos modificar,que seria el tamaño de alto y ancho:width='140px' //slideshow width
var trans_height='100px' //slideshow height

y los enlaces de imagen y url del contenido: "AQUI LA URL DE LA IMAGEN", "AQUI LA URL DEL ENLACE O CONTENIDO"
*Si queremos poner mas imagenes enlazadas solo hemos de añadir "modulos numerados" a continuación de los que ya hay:

slideshowcontent[4]=["AQUI LA URL DE LA IMAGEN", "AQUI LA URL DEL ENLACE O CONTENIDO", "_new"]

slideshowcontent[5]=["AQUI LA URL DE LA IMAGEN", "AQUI LA URL DEL ENLACE O CONTENIDO", "_new"]

*Y así sucesivamente,espero que lo disfruteís.

Fondos para Blog.

Aquí tenéis algunos fondos para decorar vuestro Blog,y para saber como poder modificar vuestro fondo,podéis mirar estos dos temas relacionados,donde encontrareis instrucciones a modo de "tutoríal" para hacerlo correctamente.

*Pulsar sobre el fondo que os guste para verlo en tamaño completo.
*Poner,cambiar,o borrar un fondo para Blog.
*¿Como poner una imagen de fondo para blog blogger?