Ayuda para tu blog

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

2012-01-22T20:08:00.009+01:00

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

SEO,Promoción de su Sitio web o blog,backlinks a su sitio web y aumentarán el tráfico de visitas.

2012-01-22T18:32:00.004+01:00

Existen una serie de servicios destinados a seguir y conectar los blogs, Enviando un ping a estos servicios permites que sepan que has actualizado tu blog y en ese momento rastrean tu blog en busca de los nuevos contenidos. Por tanto, hacer ping permite que tu blog este actualizado en los diferentes buscadores de blogs lo que favorece un mayor tráfico a tu blog,para ello pondré una lista de los principales sitios donde hacer "PING":

- TOTAL PING Promocione su blog
- PING FM actualize en sus redes sociales
- SEO tutorial,promocion de su pagina
- BITACORAS PUNTOCOM realizar ping
- PINGLER haga ping gratis (pide poner banner)
- PINGOMATIC Ping agrega a motores gratis
- PINGATES Ping servicio + de 40 motores (Pide banner)
- FEEDSHARK Ping de tu blog promocionese
- BULKPING Masivo Ping sin limites

Tutorial para obtener chat y modificar nik de chat: xat

2012-01-22T17:15:00.017+01:00

Este es un Chat gratuito,muy editable,integrable en una web o blog,y que además dispone de una pagina personal del chat que se cree,con muchos aspectos de colorido y diseño editables,aquí comentaremos algunos.

1º¿Como obtener un xat(chat)?:Fácil vamos a esta pagina: FREE CHAT BOX

2ºEn la pagina indicada en el paso 1º,veremos que pone "free chat box",hay abajo,pulsamos en el botón que pone "Get a free chat box now".3ºAhora nos saldrá esta pagina,que "vamos a dividir en partes para explicar brevemente las funciones editables gratuitas principales":*Bien,siguiendo los pasos,esta es la primera imagen que veremos,ya podemos empezar a editar nuestro chat,elegir un fondo que nos ofrecen o poner uno propio alojándolo en photobucket,pulsando sobre las opciones que se muestran.

*Donde pone: "Chat box size: Small,Medium,Large", hay editamos el tamaño del chat (aunque luego sobre el código también podemos modificar el tamaño aun estando puesto ya en un blog,en la parte que ponga: width="540" height="405".

*El Botón de "Update y Get códe",es el que después de los cambios nos generará el código resultante del xat a nuestro gusto,(pero,aun no lo haremos ya que queda algo mas por editar)sigamos...
*En esta imagen anterior vemos la plataforma "en este caso Blogger" entre otras que podemos seleccionar,y copiar el código del chat editado,(este es uno de los pasos finales,antes habría que elegir alguna preferencia mas).*Aquí en esta imagen anterior,vemos distintas opciones,si queremos que el chat sea privado o publico,si es solo para miembros(con registro) o abierto a todos los visitantes,opciones de Baneo,de Smilies,de sonido,de imagen de fondo,etc,

Idioma de chat,colores de botones del chat,y si queremos incorporar Radio online (para tener 2 en 1; Chat+Música online) podemos poner en ese recuadro una url de música online,incluso nos ofrece una emisora que suena buena música; 99.198.112.62:80

4ºYa podríamos copiar y pegar el código en nuestro blog,ya que hemos editado el aspecto del chat y el diseño y las opciones gratuitas principales,ahora en la misma imagen anterior,vemos un botón que pone: "Convert my Chat Box into a Group";Pulsamos y vemos esta siguiente pantalla:*Bien aquí podemos registrar el grupo de chat y así tener una pagina además de la obtención del código,también nos registramos en xat,aceptamos los términos y damos a "Crear Group".

Una vez creado el grupo y hecho el registro,y puesto el código del chat xat en vuestro blog,disponéis de 2 chats,uno en vuestro blog y otro en una pagina como esta.*Esa pagina podremos editarla también,y además disponemos de mas opciones como juegos,mas emoticones,etc,en ña pestaña que vemos a la izquierda,y sabiendo esto,hasta aquí llegaré con este tutorial

y ahora para no hacerlo mucho mas largo,les explicaré brevemente como ponerse un Nik en el chat "divertido,con letras modificadas+emoticones en su nik":

Modificar nik de chat: xat(la opción gratuita),como sabemos todas estas paginas tienen (premiums,o opciones de pago),pero hay algunas maneras de modificar el nik de xat,muy sencillas y vistosas.

1ºClicamos sobre el Nik propio,y se nos habre una ventana,en la que editar el nik y la imagen o avatar,para poner un emoticono en nuestro nik antes después o entre el nik,pulsamos sobre el emoticono elegido,para escribirlo como comentario en el chat,pero sin enviarlo,lo copiamos(como vemos en la siguiente imagen,cuando lo pongamos en nuestro nik,se ponen con parentesis *ejemplo: Jorge Vallester / Ejemplo con emoticonos: (biggrin)Jorge(homer)Vallester(xj9)(bot)*Ahora para editar el nik "tipo y diseño de letra tenemos estas opciones:

*generador de letras tachadas para tu nick de Xat
*generador de letras grandes para tu nick de Xat
*decorar tu nick para usar en XAT
*generador para resaltar el texto de tu nick en XAT
*generador que permite crear nicks interesantes y originales para XAT

Una vez que hallais editado en la pagina elegida vuestro nik lo copiamos y lo vamos a poner en el chat con las teclas "Control+V"(cuando hayais pulsado sobre vuestro nik en xat,en el cuadro que sale,en "Name",en el recuadro pulsais "Control+V" y pegareis automaticamente el Nik editado,para que lo entendais mejor os dejo un video que ví que os puede ayudar a entenderlo:
A disfrutarlo.

Cursores para Blog

2012-01-20T22:54:00.042+01:00

Distintos cursores para ampliar el "abanico" de cursores de los que podemos disponer,para editar nuestro blog,y así adecuar cada objeto al diseño según queramos del blog.

Elige el código bajo el cursor elegido,si no sabes como poner un cursor,visita este enlace donde en menos de 1 minuto pondrás el cursor donde corresponde:
*MiniTutorial Para poner un Cursor


<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/abeja.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/abeja.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/caballo-marron.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/caballo-marron.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/cara-de-serpiente.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/cara-de-serpiente.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/loro.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/loro.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/murcielago.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/murcielago.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/osito-rosa.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/osito-rosa.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-azul.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-azul.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-roja.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-roja.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-verde.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-verde.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/oso-panda.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/oso-panda.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-verde.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/mariposa-verde.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/pollito.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/pollito.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/raton-caminando.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/raton-caminando.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/raton-policia.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/raton-policia.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/barbrady.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/barbrady.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/hamburguesa.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/hamburguesa.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/rosa-roja.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/rosa-roja.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/aguila.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/aguila.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/bmw.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/bmw.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/notas-musicales.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/notas-musicales.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/flecha-de-fuego.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/flecha-de-fuego.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/flecha-electrica.cur), url(http://www.cristoferdelatorre.com/gifs/cursores/flecha-electrica.png), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />	<style>body{cursor:url(http://www.cristoferdelatorre.com/gifs/cursores/flecha-trip.ani), url(http://www.cristoferdelatorre.com/gifs/cursores/flecha-trip.gif), auto;}</style><span style="font:tahoma; font-size:9px;"><a href="http://www.gifanimados.org/">Gifs animados</a></span><br />

Relojes (Clocks),Analogicos,digitales,con banderas,animados,para niños,deportivos,de muñecas,para web o blog.

2012-01-20T19:08:00.008+01:00

Relojes (Clocks),Analogicos,digitales,con banderas,animados,para niños,deportivos,de muñecas,que "hitarek" nos ofrece,eligue el reloj que te guste y copia y pega el código bajo el reloj,en un elemento HTML de tu pagina,web o blog:

Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock1.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock5.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="106" src="http://www.hitarek.com/clock/clock3-6.swf?TimeZone=IST&Place=&" height="48" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="106" src="http://www.hitarek.com/clock/clock8-1.swf?TimeZone=IST&Place=&" height="48" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/argentina.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/australia.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/espania.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="160" src="http://www.hitarek.com/clock/francia.swf?TimeZone=IST&Place=&" height="160" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="140" src="http://www.hitarek.com/clock/clock22-5.swf?TimeZone=IST&Place=&" height="180" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="140" src="http://www.hitarek.com/clock/clock22-1.swf?TimeZone=IST&Place=&" height="180" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-1.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock2-3.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="120" src="http://www.hitarek.com/clock/clock5-6.swf?TimeZone=IST&Place=&" height="230" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="120" src="http://www.hitarek.com/clock/clock5-10.swf?TimeZone=IST&Place=&" height="230" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock21-2.swf?TimeZone=IST&Place=&" height="200" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock21-13.swf?TimeZone=IST&Place=&" height="200" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock21-23.swf?TimeZone=IST&Place=&" height="200" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/clock21-24.swf?TimeZone=IST&Place=&" height="200" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/fcb.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="150" src="http://www.hitarek.com/clock/ryal.swf?TimeZone=IST&Place=&" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>
Free Clock	Free Clock
<center><!-- hitarek.com --><embed width="110" src="http://www.hitarek.com/clock/clock29-1.swf?TimeZone=IST&Place=&" height="205" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>	<center><!-- hitarek.com --><embed width="110" src="http://www.hitarek.com/clock/clock29-6.swf?TimeZone=IST&Place=&" height="205" wmode="transparent" type="application/x-shockwave-flash"></embed></center><br><center><a style="font-size: 3mm" target="_blank" href="http://www.hitarek.com">Free Clock</a></center>

<!-- hitarek.com --><br><br><center><IFRAME ALLOWTRANSPARENCY="true" src="http://www.hitarek.com/animation/dolls8.html" width=100 height=148 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></IFRAME></center><br><br></br>	<!-- hitarek.com --><br><br><center><IFRAME ALLOWTRANSPARENCY="true" src="http://www.hitarek.com/animation/dolls.html" width=100 height=148 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></IFRAME></center><br><br></br>

<!-- hitarek.com --><br><br><center><IFRAME ALLOWTRANSPARENCY="true" src="http://www.hitarek.com/animation/dolls27.html" width=100 height=148 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></IFRAME></center><br><br></br>	<!-- hitarek.com --><br><br><center><IFRAME ALLOWTRANSPARENCY="true" src="http://www.hitarek.com/animation/dolls14.html" width=100 height=148 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no></IFRAME></center><br><br></br>

Ampliación de tutorial myflashfetish,y otras opciones para Reproductores de música para Blogs.

2012-01-20T17:42:00.015+01:00

Explicaremos,un poco mas extendido,y con mas imagenes varios aspectos para crear un reproductor de música,ya sea música que ya este alojada, o bien música propia,como personalizar,y como usar listas de música ya existentes,etc.Para resolver algunas dudas,sobre myflashfetish o mixpod ,podéis ver los "tutoriales que se han hecho,o información relacionada aquí:

*Reproductor myflashfetish.
*Reproductor Navideño myflashfetish.

1ºImagen de menú,Vemos "My Playlists": hay tenemos un desplegable,que muestra varias opciones de "listas de música guardadas" o "crear nueva lista de música".

2ºEn "Profile" editamos o añadimos aspectos del "registro" en dicha pagina.

3º"Create Playlist" es la misma opción que podemos encontrar en el desplegable de "My Playlists",que sirve para crear la lista de canciones que queremos que se vallan a reproducir.

4º"Browse", nos muestra listas de música,ya creadas por otros usuarios,y que al hacerlas las muestran al publico,para quien quiera usar una de esas listas de música ya creadas,las use.

*Esos son los principales aspectos de la barra de opciones para crear el reproductor de música.
Una pregunta que mucha gente se a hecho,es si ¿se puede subir música propia?,osea,por ejemplo un DJ,que quiere subir sus trabajos a su reproductor para mostrar a sus visitas su trabajo,o alguien que tenga una música que no pueda encontrar en la búsqueda de canciones,púes es mas simple de lo que parece,En "search Music",podemos buscar cualquier tipo de canción,principalmente de YouTube,así tan solo si disponéis de un videoclip,canción,remix,música propia,maquetas,etc,etc,podéis alojarlas o subirlas a YouTube,y de esta manera luego en MIXPOD,Buscar el "titulo" de lo que hayamos subido,en la zona de "Search Musci,para agregar al reproductor(Vemos imagen).
*Añadir sobre esta imagen anterior,que en "Customize" disponemos de opciones para personalizar,el diseño del reproductor,los colores,y los "settings" Como: "Autoplay" (reproducir automaticamente al entrar al blog),"Shuffle"(cada vez que alguien actualiza,o cambia de pagina,o entra al blog,empieza por una canción aleatoria),"Loop"(que une canciones),"Privacy" para si hemos creado una lista de música,si queremos que sea privada o publica,y "volume" para regular el volumen inicial que oirán los visitantes,(se aconseja regular entre un 18% y 45% del Volumen inicial,para no molestar,con alto sonido).

*En "Save Playlist",guardamos y obtenemos el código del reproductor creado,dándole al botón de abajo "SAVE (Get códe)".

Ahora,en la sección de "My Playlists",mostrará la lista de música que hayamos creado,(como muestra la imagen siguiente),y tenemos un menú de opciones a la derecha,para editar las canciones,el "Skin" o diseño del reproductor,la información,el código,o borrar esa lista.
Esta otra imagen,Muestra una vez,que hemos creado,una lista de música,y editado las diferentes funciones y diseño del reproductor,y "Guardamos para generar el código",nos muestra diferentes plataformas donde podemos obtener un código apropiado,según sea,en este caso seleccionamos "Blogger"(a la izquierda),y vemos como incluso debajo del código nos sale la manera de poner el código,o incluso agregarlo automaticamente:En esta última imagen os muestro la zona donde hay Listas de música ya creadas por otros usuarios,las que podéis usar si encontráis alguna apropiada.*Bien espero haber resuelto algunas dudas,una de las opciones que podéis obtener es el reproductor que podéis encontrar sonando aquí.

*Una vez puesto el código en la pagina,podéis adaptar aspectos,como el tamaño de ancho
o alto(width/height),colores(mycolor2,mycolor3,etc),volumen (vol),etc.



&<span class="blsp-spelling-error" id="SPELLING_ERROR_52">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_53">embed</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_54">src</span>="http://assets.mixpod.com/swf/mp3/mixpod.swf?myid=87808225&<span class="blsp-spelling-error" id="SPELLING_ERROR_55">path</span>=2012/01/20" <span class="blsp-spelling-error" id="SPELLING_ERROR_56">quality</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_57">high</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_58">wmode</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_59">window</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_60">bgcolor</span>="222222" <span class="blsp-spelling-error" id="SPELLING_ERROR_61">flashvars</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_62">mycolor</span>=222222&<span class="blsp-spelling-error" id="SPELLING_ERROR_63">mycolor</span>2=<span class="blsp-spelling-error" id="SPELLING_ERROR_64">ebdf</span>00&<span class="blsp-spelling-error" id="SPELLING_ERROR_65">mycolor</span>3=<span class="blsp-spelling-error" id="SPELLING_ERROR_66">ff</span>2e2e&<span class="blsp-spelling-error" id="SPELLING_ERROR_67">autoplay</span>=<span class="blsp-spelling-error" id="SPELLING_ERROR_68">true</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_69">rand</span>=1&f=4&<span class="blsp-spelling-error" id="SPELLING_ERROR_70">vol</span>=19&<span class="blsp-spelling-error" id="SPELLING_ERROR_71">pat</span>=0&<span class="blsp-spelling-error" id="SPELLING_ERROR_72">grad</span>=<span class="blsp-spelling-error" id="SPELLING_ERROR_73">false</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_74">width</span>="310" <span class="blsp-spelling-error" id="SPELLING_ERROR_75">height</span>="240" <span class="blsp-spelling-error" id="SPELLING_ERROR_76">name</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_77">myflashfetish</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_78">salign</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_79">TL</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_80">type</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_81">application</span>/x-<span class="blsp-spelling-error" id="SPELLING_ERROR_82">shockwave</span>-<span class="blsp-spelling-error" id="SPELLING_ERROR_83">flash</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_84">pluginspage</span>="http://www.macromedia.com/go/getflashplayer" <span class="blsp-spelling-error" id="SPELLING_ERROR_85">border</span>="0" <span class="blsp-spelling-error" id="SPELLING_ERROR_86">style</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_87">visibility</span>:visible;<span class="blsp-spelling-error" id="SPELLING_ERROR_88">width</span>:310<span class="blsp-spelling-error" id="SPELLING_ERROR_89">px</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_90">height</span>:240<span class="blsp-spelling-error" id="SPELLING_ERROR_91">px</span>;" /&<span class="blsp-spelling-error" id="SPELLING_ERROR_92">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_93">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_94">br</span> /&<span class="blsp-spelling-error" id="SPELLING_ERROR_95">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_96">lt</span>;a <span class="blsp-spelling-error" id="SPELLING_ERROR_97">href</span>="http://www.mixpod.com/playlist/87808225"&<span class="blsp-spelling-error" id="SPELLING_ERROR_98">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_99">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_100">img</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_101">src</span>="http://assets.mixpod.com/images/btn2-tracks.gif" <span class="blsp-spelling-error" id="SPELLING_ERROR_102">alt</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_103">Music</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_104">title</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_105">Get</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_106">Music</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_107">Tracks</span>!" <span class="blsp-spelling-error" id="SPELLING_ERROR_108">border</span>="0" /&<span class="blsp-spelling-error" id="SPELLING_ERROR_109">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_110">lt</span>;/a&<span class="blsp-spelling-error" id="SPELLING_ERROR_111">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_112">lt</span>;a <span class="blsp-spelling-error" id="SPELLING_ERROR_113">href</span>="http://www.mixpod.com" <span class="blsp-spelling-error" id="SPELLING_ERROR_114">target</span>="_<span class="blsp-spelling-error" id="SPELLING_ERROR_115">blank</span>"&<span class="blsp-spelling-error" id="SPELLING_ERROR_116">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_117">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_118">img</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_119">src</span>="http://assets.mixpod.com/images/btn2-create.gif" <span class="blsp-spelling-error" id="SPELLING_ERROR_120">alt</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_121">Playlist</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_122">title</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_123">Create</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_124">Your</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_125">Free</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_126">Playlist</span>!" <span class="blsp-spelling-error" id="SPELLING_ERROR_127">border</span>="0" /&<span class="blsp-spelling-error" id="SPELLING_ERROR_128">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_129">lt</span>;/a&<span class="blsp-spelling-error" id="SPELLING_ERROR_130">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_131">lt</span>;a <span class="blsp-spelling-error" id="SPELLING_ERROR_132">href</span>="http://www.mixpod.com/user/23286615"&<span class="blsp-spelling-error" id="SPELLING_ERROR_133">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_134">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_135">img</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_136">src</span>="http://assets.mixpod.com/images/btn2-profile.gif" <span class="blsp-spelling-error" id="SPELLING_ERROR_137">alt</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_138">View</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_139">Profile</span>" <span class="blsp-spelling-error" id="SPELLING_ERROR_140">title</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_141">View</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_142">all</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_143">my</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_144">playlists</span>!" <span class="blsp-spelling-error" id="SPELLING_ERROR_145">border</span>="0" /&<span class="blsp-spelling-error" id="SPELLING_ERROR_146">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_147">lt</span>;/a&<span class="blsp-spelling-error" id="SPELLING_ERROR_148">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_149">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_150">br</span> /&<span class="blsp-spelling-error" id="SPELLING_ERROR_151">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_152">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_153">span</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_154">class</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_155">blsp</span>-<span class="blsp-spelling-error" id="SPELLING_ERROR_156">spelling</span>-error" id="<span class="blsp-spelling-error" id="SPELLING_ERROR_157">SPELLING</span>_ERROR_68"&<span class="blsp-spelling-error" id="SPELLING_ERROR_158">gt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_159">Create</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_160">lt</span>;/<span class="blsp-spelling-error" id="SPELLING_ERROR_161">span</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_162">gt</span>; a &<span class="blsp-spelling-error" id="SPELLING_ERROR_163">lt</span>;a <span class="blsp-spelling-error" id="SPELLING_ERROR_164">href</span>="http://mixpod.com"&<span class="blsp-spelling-error" id="SPELLING_ERROR_165">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_166">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_167">span</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_168">class</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_169">blsp</span>-<span class="blsp-spelling-error" id="SPELLING_ERROR_170">spelling</span>-error" id="<span class="blsp-spelling-error" id="SPELLING_ERROR_171">SPELLING</span>_ERROR_69"&<span class="blsp-spelling-error" id="SPELLING_ERROR_172">gt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_173">playlist</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_174">lt</span>;/<span class="blsp-spelling-error" id="SPELLING_ERROR_175">span</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_176">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_177">lt</span>;/a&<span class="blsp-spelling-error" id="SPELLING_ERROR_178">gt</span>; &<span class="blsp-spelling-error" id="SPELLING_ERROR_179">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_180">span</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_181">class</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_182">blsp</span>-<span class="blsp-spelling-error" id="SPELLING_ERROR_183">spelling</span>-error" id="<span class="blsp-spelling-error" id="SPELLING_ERROR_184">SPELLING</span>_ERROR_70"&<span class="blsp-spelling-error" id="SPELLING_ERROR_185">gt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_186">at</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_187">lt</span>;/<span class="blsp-spelling-error" id="SPELLING_ERROR_188">span</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_189">gt</span>; &<span class="blsp-spelling-error" id="SPELLING_ERROR_190">lt</span>;a <span class="blsp-spelling-error" id="SPELLING_ERROR_191">href</span>="http://mixpod.com"&<span class="blsp-spelling-error" id="SPELLING_ERROR_192">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_193">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_194">span</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_195">class</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_196">blsp</span>-<span class="blsp-spelling-error" id="SPELLING_ERROR_197">spelling</span>-error" id="<span class="blsp-spelling-error" id="SPELLING_ERROR_198">SPELLING</span>_ERROR_71"&<span class="blsp-spelling-error" id="SPELLING_ERROR_199">gt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_200">MixPod</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_201">lt</span>;/<span class="blsp-spelling-error" id="SPELLING_ERROR_202">span</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_203">gt</span>;.&<span class="blsp-spelling-error" id="SPELLING_ERROR_204">lt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_205">span</span> <span class="blsp-spelling-error" id="SPELLING_ERROR_206">class</span>="<span class="blsp-spelling-error" id="SPELLING_ERROR_207">blsp</span>-<span class="blsp-spelling-error" id="SPELLING_ERROR_208">spelling</span>-error" id="<span class="blsp-spelling-error" id="SPELLING_ERROR_209">SPELLING</span>_ERROR_72"&<span class="blsp-spelling-error" id="SPELLING_ERROR_210">gt</span>;<span class="blsp-spelling-error" id="SPELLING_ERROR_211">com</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_212">lt</span>;/<span class="blsp-spelling-error" id="SPELLING_ERROR_213">span</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_214">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_215">lt</span>;/a&<span class="blsp-spelling-error" id="SPELLING_ERROR_216">gt</span>;&<span class="blsp-spelling-error" id="SPELLING_ERROR_217">lt</span>;/<span class="blsp-spelling-error" id="SPELLING_ERROR_218">embed</span>&<span class="blsp-spelling-error" id="SPELLING_ERROR_219">gt</span>;

Calendarios para Blog o web,animados,de coches,chicas,animales,naturales.

2012-01-19T01:01:00.007+01:00

Disfruta ya de estos Calendarios,en diferentes diseños,tamaños,colores,y motivos,tan solo copia y pega el código bajo el calendario elegido.
*Calendarios animados(animated)
*Calendarios de coches (autos)
*Calendarios chicas (girls)
*Calendarios animales(animals)
*Calendarios naturales(Naturals)
*Calendarios + Reloj(Calendars + Clocks)

Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0034.htm" width="166" height="283" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0031.htm" width="166" height="239" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0029.htm" width="162" height="329" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0032.htm" width="166" height="332" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00061.htm" width="162" height="228" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0007.htm" width="170" height="228" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00081.htm" width="160" height="222" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0009.htm" width="162" height="225" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00111.htm" width="182" height="204" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0012.htm" width="162" height="182" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Calendar	Free Blog Calendar
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0022.htm" width="163" height="320" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0026.htm" width="162" height="232" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar004A.htm" width="120" height="150" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0045.htm" width="125" height="150" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Calendar	Free Blog Calendar
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0013.htm" width="161" height="280" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0016.htm" width="166" height="312" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>
Free Blog Calendar	Free Blog Calendar
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0020.htm" width="130" height="205" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0017.htm" width="138" height="220" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Calendar</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0037.htm" width="166" height="240" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0036.htm" width="166" height="240" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0002.htm" width="120" height="182" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0003.htm" width="120" height="184" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>
Free Blog Content	Free Blog Content
<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00491.htm" width="120" height="151" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>	<!-- FREE-BLOG-CONTENT.com --><br><br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar0054.htm" width="120" height="150" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center><br><center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

Gadget "Deja tu comentario" con fondo transparente 160x130. para Blogs.

2012-01-18T20:35:00.026+01:00

Ampliando este tema,e realizado unas imagenes apropiadas para "indicar a los visitantes que dejen su comentario en tu blog",son imagenes "varias",en un tamaño apropiado, 160x130,y con fondo transparente por lo que ocupan menos espacio.

*Esta por ejemplo es la imagen de "Ayuda para tu Blog"(ya que alguien lo preguntaba):

*Normal	*Navideño

	Esta imagen permite un espacio a la derecha que sirve para la "flecha" que hace que podamos subir al principio del blog,podéis verlo en este post.

*Vamos a Diseño,Elementos de página,Añadir un gadget,y HTML/Javascript:

*Copiamos y pegamos el siguiente código,y cambiamos la "url de la imagen" por la que elijamos"(para copiar una "url" botón derecho de ratón sobre la imagen,en el cuadro que se abre,selecciona:"copiar la ruta de la imagen",y pegar donde se indica en el código.

<br /><a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://ayudablognovato.blogspot.com/2012/01/gadget-deja-tu-comentario-con-fondo.html"><img src="AQUÍ VA LA "URL" DE LA IMAGEN DE COMENTARIOS" /></a><br />

*Imagenes para elegir:

Mariposas volando por tu blog,Flying Butterfly.

2012-01-18T20:05:00.009+01:00

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+='';<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.

2012-01-15T18:42:00.007+01:00

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.

2012-01-15T18:11:00.004+01:00

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?

Como poner emoticons para comentarios en Blogger.

2012-01-13T18:03:00.012+01:00

Los emoticons(emoticones,smiles), ayudaran a los visitantes que deseen comentar poder reflejar algún estado de ánimo o gesto que a veces es más fácil expresar con una imagen.Vamos a ver cómo agregar emoticons en el blog,estos son los emoticons que verás (son la base,luego se podrán añadir,o modificar nuevos al gusto):
*Aparecerán sólo en los comentarios, y para ello usaremos un script que hace que los emoticons sólo se ejecuten en el cuerpo de los comentarios para no interferir con otras áreas.

1ºEntramos a las secciones de Blogger de "nuestro Blog",en Diseño,Edición de HTML,y seleccionamos la "casillas" de "Expandir plantillas de artilugios",(como se ve en las imagenes).2ºPara buscar las zonas de la plantilla facilmente donde pondremos los códigos,pulsaremos en nuestro teclado ahora "Control+F" y se nos abrirá una ventanita de búsqueda en la parte de abajo,como se ve en la imagen y buscaremos </head>*Una vez localizado,justo antes pondremos el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function emoticonComentario(emoticon) {
if(!document.getElementById) {return;}
bodyText = document.getElementById(emoticon);
cambiarLetra = bodyText.innerHTML;

// :)
cambiarLetra = cambiarLetra.replace(/:\)/g,'<img src="https://lh5.googleusercontent.com/-20cNHpka-fA/TikBlTXm_KI/AAAAAAAABkE/1orU58ycSu8/fb_sonrisa.gif" />');

// :(
cambiarLetra = cambiarLetra.replace(/:\(/g,'<img src="https://lh6.googleusercontent.com/-Ngrhi8wn99E/TikBlrW-FvI/AAAAAAAABkI/P8RTNKLS51Y/fb_triste.gif" />');

// ;)
cambiarLetra = cambiarLetra.replace(/;\)/g,'<img src="https://lh6.googleusercontent.com/-kkd84kPmUTw/TikBkw_9z2I/AAAAAAAABj0/WV9RQds939U/fb_guino.gif" />');

// :P
cambiarLetra = cambiarLetra.replace(/:\P/g,'<img src="https://lh4.googleusercontent.com/-P9hko0sZZVY/TikBk4BH0xI/AAAAAAAABj4/o5aVYyp1wgU/fb_lengua.gif" />');
cambiarLetra = cambiarLetra.replace(/:\p/g,'<img src="https://lh4.googleusercontent.com/-P9hko0sZZVY/TikBk4BH0xI/AAAAAAAABj4/o5aVYyp1wgU/fb_lengua.gif" />');

// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'<img src="https://lh5.googleusercontent.com/-r4q9ruMcMzM/TikBkhvFEgI/AAAAAAAABjw/r3VC-agWwu8/fb_feliz.png" />');
cambiarLetra = cambiarLetra.replace(/:d/g,'<img src="https://lh5.googleusercontent.com/-r4q9ruMcMzM/TikBkhvFEgI/AAAAAAAABjw/r3VC-agWwu8/fb_feliz.png" />');

// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'<img src="https://lh5.googleusercontent.com/-c_OC_4PKFA8/TikBl3rowvI/AAAAAAAABkM/gJQ-HpMUnQk/fb_XD.gif" />');

// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'<img src="https://lh6.googleusercontent.com/-AVOvM9rn4J8/TikBkhVSwLI/AAAAAAAABjo/nJSmAIyp_2k/fb_duh.gif" />');
cambiarLetra = cambiarLetra.replace(/:s/g,'<img src="https://lh6.googleusercontent.com/-AVOvM9rn4J8/TikBkhVSwLI/AAAAAAAABjo/nJSmAIyp_2k/fb_duh.gif" />');

// X(
cambiarLetra = cambiarLetra.replace(/X\(/g,'<img src="https://lh5.googleusercontent.com/-4UuPzxsrXK4/TikBlXlKttI/AAAAAAAABkQ/q80e-j7wW88/fb_molesto.gif" />');

// :'(
cambiarLetra = cambiarLetra.replace(/:'\(/g,'<img src="https://lh5.googleusercontent.com/-XN7rGa_1A2k/TikBlPKbVoI/AAAAAAAABj8/Xf3enr9F1Go/fb_llorando.gif" />');

// 8)
cambiarLetra = cambiarLetra.replace(/8\)/g,'<img src="https://lh3.googleusercontent.com/-DX-1dhWNd3c/TikBk3WWMTI/AAAAAAAABkA/SVdLGSpluJ0/fb_gafas-sol.gif" />');

// :O
cambiarLetra = cambiarLetra.replace(/:\O/g,'<img src="https://lh3.googleusercontent.com/-QvPqYhMjpRA/TikBkFKJQ3I/AAAAAAAABjk/UpLTAo4iB8w/fb_asombrado.gif" />');
cambiarLetra = cambiarLetra.replace(/:\o/g,'<img src="https://lh3.googleusercontent.com/-QvPqYhMjpRA/TikBkFKJQ3I/AAAAAAAABjk/UpLTAo4iB8w/fb_asombrado.gif" />');

// :*
cambiarLetra = cambiarLetra.replace(/:\*/g,'<img src="https://lh5.googleusercontent.com/-nSRdDIsdgvo/TikBkMR3LNI/AAAAAAAABjc/6TgLJFw8dVE/fb_beso.gif" />');

// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'<img src="https://lh4.googleusercontent.com/-_tmsynPKz0Y/TikBkHEK7hI/AAAAAAAABjs/9ovP65vuRbw/fb_angel.gif" />');
cambiarLetra = cambiarLetra.replace(/:a/g,'<img src="https://lh4.googleusercontent.com/-_tmsynPKz0Y/TikBkHEK7hI/AAAAAAAABjs/9ovP65vuRbw/fb_angel.gif" />');

// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'<img src="https://lh3.googleusercontent.com/-IYQvsMUfT_M/TikBkT9sDCI/AAAAAAAABjg/q9fQtjh9ZOY/fb_diablo.gif" />');

bodyText.innerHTML = cambiarLetra;
}
//]]>
</script>
</b:if>

3ºAhora Buscaremos esta parte en la plantilla "recordad con Control+F":

<p>
<data:comment.body/>
</p>

*Una vez encontrado cambiamos ese código por este otro:

<p expr:id='"combody-" + data:comment.anchorName'><data:comment.body/></p>
<script type='text/javascript'>
emoticon = "combody-" + "<data:comment.anchorName/>";
emoticonComentario(emoticon);
</script>

4ºAhora,Buscamos esta linea:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

*Muy posiblemente la encontrarás dos veces, justo debajo de la segunda que encuentres agrega esto:

<img border='0' src='https://lh5.googleusercontent.com/-UQcOiZ_Q2oc/TikBe74M1jI/AAAAAAAABjY/t-zm-AQjY1w/emoticons.png'/>

5º"Damos a vista previa" para asegurar que se ha hecho todo correcto,y le damos a "guardar,y listo, tendrás estos emoticonos en tu blog. Estas imágenes son tomadas del mismo Facebook y tienen el contorno ligeramente marcado de blanco, por lo que se recomienda usarlo en blogs con colores claros para que no se note ese pequeño borde alrededor de ellas.
*puedes cambiar los iconos por los tuyos, sólo busca las URLs de las imágenes del primer código que corresponden a cada juego de caracteres.

6ºComo parte fínal y para que los visitantes que quieran comentar sepan que los comentarios tienen el script de emoticons,pondremos una imagen que lo indique para que puedan darle uso,

*Marcamos "Expandir plantillas de artilugios" buscaremos lo siguiente pulsando "control+F":

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>

*Ahora sólo tienes que sustituir lo que está en rojo por el siguiente código:

<img src="http://4.bp.blogspot.com/-9LWFKMLkid4/TxBvbd3InaI/AAAAAAAAJcA/UuDL-zfvEas/s1600/emoticonescomentariosayudablognovatoblogspotpuntocom.gif"/>

*Guardamos,y comprobamos el funcionamiento,espero lo disfruteis y vuestros visitantes.

Poner,cambiar,o borrar un fondo para Blog.

2012-01-12T14:19:00.006+01:00

Otra de las cosas mas sencillas,y que mas se modifica en un Blog es "el fondo" del mismo.Así en "navidad" se puede poner un fondo en "Halloween" otro distinto,para ocasiones especiales o no,podemos tan solo cambiando la "url de la imagen" modificar el fondo de nuestro blog.

Para poner un Fondo al Blog visite este tema.
Ahora a la pregunta de "borrar el fondo ya disponible" o "sustituirlo por otro",atenderé a esta pregunta por ser un tema habitual y de utilidad:
1ºPara borrar un fondo ya disponible,vamos a Diseño y Edición de HTML,buscamos con el teclado "pulsamos" las teclas "Control+F" para buscar (como se ve en la imagen),body { background ,justo después pone: url("url de la imagen") fixed no-repeat top left; Si queremos eliminar el fondo para dejarlo sin imagen esa parte es la que hay que borrar,previsualizar y guardar.

2ºSi lo que queremos es cambiar la imagen de fondo,o borrar la anterior por otra nueva:
solo hay que borrar la "url" de la imagen y poner la "url" de la imagen deseada,

body {
background:url("http://AQUI VA LA URL DE LA IMAGEN QUE SE QUIERA") fixed no-repeat top left;

*Cualquier imagen puede servir para fondo de blog,suelen ser en formato,GIF,JPG,con una resolución o tamaño de 1600x1200,podemos por ejemplo ir a Google "imagenes" y buscar imagenes,sobre las que con botón derecho de ratón pulsaremos y en la ventana que se abre seleccionamos "copiar la ruta de la imagen",la cual pegaremos en la sección indicada en lo explicado anteriormente.

*Espero que así algunas dudas queden resueltas,un saludo.

Cursores para Blogs,free cursors.

2012-01-11T21:07:00.012+01:00

Una de las modificaciones mas solicitadas para hacer en un blog es el cambio o el añadir un diseño o motivo al cursor,para adecuarlo al diseño de un blog.Por este motivo de vez en cuando pondremos cursores aquí directamente,para que en apenas un minuto dispongáis de un cursor para vuestro blog que os pueda gustar.

Solo elegir la imagen y el código de cursor bajo la imagen:


<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/explode-link-select.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/explode-link-select.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hearttailup.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aliendance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/AlienDance.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/teddybearbrown.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/bear.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/budgie3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/budgie3.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/penguin4.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Penguin.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/lefty209.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/lefty205.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/abcblock.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ABCBlock.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bell3.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/belle3.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fred.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/fred.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/brutus.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/brutus.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/jessicarabbit.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/JessicaRabbit.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/SpongeBob-ani.gif"), auto;}</style>

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/darthvader.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/Darth-Vader.gif"), auto;}</style>	<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/r2d2.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/R2D2.gif"), auto;}</style>

*Para copiar y pegar el código ve el tutorial para saber donde poner el código AQUÍ.

Donde debemos poner el código de un cursor para nuestro Blog

2012-01-11T20:53:00.004+01:00

En Diseño,y Edición HTML,como vemos en la imagen.

Pulsamos en nuestro teclado: "Control+F" y nos saldrá una barra de búsqueda en la parte baja,donde buscaremos : </body>,la cual encontraremos en la parte final de la plantilla.

Como vemos en la imagen,en cualquier caso antes del final de la plantilla va situado el cursor.

Generador de texturas o fondos para personalizar blog.

2012-01-08T22:17:00.004+01:00

Japonizer es un sitio donde podemos encontrar texturas para añadir como imagen de fondo además de podemos escoger los colores para nuestro fondo y tener una idea de los resultados antes de descargar la imagen.

Menú horizontal para tu blog.

2012-01-08T21:33:00.004+01:00

Esta es otra opción de menú,con la que podemos añadir las secciones o enlaces que queramos,es simple y muy útil,ya que podemos añadir mas botones además para quien quiera un menú de este tipo y no quiera cambiar de plantilla,ya puede conseguir este menú de este tipo sin necesidad de cambio de plantilla.

Solamente añadimos un nuevo Elemento HTML, encima de la zona de entradas (preferiblemente) y en él ponemos el siguiente código:

<div id="menuarriba">
<ul id="navi1">
<li><a href="#">Inicio</a></li>
<li><a href="#">Acerca de</a></li>
<li><a href="#">Enlazar</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>

<style type="text/css">
#navi1 {
margin:0px;
padding:0px;

}
#navi1 li {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-1.png);
   color:#000000;
   margin:5px;
   padding:3px;
   width: 100px;
   border:1px solid black;
   text-align:center;
   list-style:none;
   font-family: Segoe UI, Arial;
   font-size: 14px;
  float:left;
}
#navi1 li:hover {
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-1.png);
   color:#000000;
   border:1px solid black;
}
#navi1 li a:hover {
   color: #ffffff;
   font-style: Italic;
   text-decoration: none;
}
#navi1 a {
   color: #ffffff;
   font-weight: bold;
}
</style>

Tras Guardar, debes modificar los nombres del menú y añadir los enlaces donde al pulsar cada botón del menú se dirigirá("Editable lo que esta en Rojo"):

<li><a href="AÑADIR URL">Inicio</a></li>
<li><a href="AÑADIR URL">Acerca de</a></li>
<li><a href="AÑADIR URL">Enlazar</a></li>
<li><a href="AÑADIR URL">Contacto</a></li>

También puedes agregar una línea más después de los que ya hay presentes, es decir, un botón más en el menú:

<li><a href="AÑADIR URL">Otro título más</a></li>

*ya podrás disponer de un sencillo pero atractivo menú para organizar más a fondo tu blog.

Relojes en distintos diseños para web o blog.

2012-01-08T20:58:00.009+01:00

Relojes en varios diseños y colores,para poder informar a los visitantes de la hora y dar un toque diferente a su pagina web o blog,elija el reloj que mas se adapte a su pagina.

Copie el código que hay debajo de el reloj elegido y pongalo en la sección elegida,en Blogger,Diseño,Elementos de pagina,Añadir un gadget,HTML/javascript:


<iframe src="http://ladylony.com/meineuhr5.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>	<iframe src="http://ladylony.com/meineuhr6.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>

<iframe src="http://ladylony.com/meineuhr3.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>	<iframe src="http://ladylony.com/meineuhr.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>

<iframe src="http://ladylony.com/uhr1.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>	<iframe src="http://ladylony.com/uhr5.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>

<iframe src="http://ladylony.com/uhr8.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>	<iframe src="http://ladylony.com/uhr9.htm" name="main" width="70" height="79" scrolling="No" frameborder="no" id="main" allowtransparency="true" border="0" framespacing="0"></iframe>

Flechas indicadoras

2012-01-08T20:33:00.004+01:00

Flechas indicadoras que pueden usarse para para personalizar distintos aspectos del Blog,o darles el uso que se le quiera.

Espectáculo de estrellas en su Blog

2012-01-03T13:18:00.008+01:00

Espectáculo de estrellas que caen sobre su Blog,muy util si queremos decorar un Blog con un efecto simple sin modificar el fondo.Este efecto de "estrellas cayendo",podemos usarlo para otros motivos,como nieve,hojas,corazones,etc,etc,tan solo cambiando la url de la imagen...

Estos son los pasos:
1ºVamos a "Diseño" y en "Edición de HTML",una vez hay pulsamos en nuestro teclado "Control+F" para buscar donde poner 2 simples códigos.
2ºComo se ve en la imagen buscaremos </head> y justo antes pegaremos el código que podeis encontrar en el siguiente botón:

<script language='javascript' type='text/javascript'>
//<![CDATA[
// Nevando en la pagina por Eloi Gallés Villaplana
// Adaptado a navegadores DOM por Iván Nieto - junio 2007

var numero = 16
var velocidad = 4
var imagennieve = "https://lh3.googleusercontent.com/-h8-r03C0XsI/Tgth31Tk-0I/AAAAAAAAF5w/anCPtFNGhhE/copo.png"

var ns4arriba = (document.layers) ? 1 : 0
var ie4arriba = (document.all) ? 1 : 0
var dombrowser = (document.getElementById) ? 1 : 0

var dx, xp, yp
var am, stx, sty
var i, doc_ancho = 1024, doc_alto = 768

function nieva() {

establece_dimensiones()

dx = new Array()
xp = new Array()
yp = new Array()
am = new Array()
stx = new Array()
sty = new Array();

for (i = 0; i < numero; ++ i) {
dx[i] = 0
xp[i] = Math.random()*(doc_ancho-50)
yp[i] = Math.random()*doc_alto
am[i] = Math.random()*20
stx[i] = 0.02 + Math.random()/10
sty[i] = 0.7 + Math.random()
if (document.layers) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
document.write("top=\"15\" visibility=\"show\"><img src=\"")
document.write(imagennieve + "\" border=\"0\"></layer>")
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
document.write("top=\"15\" visibility=\"show\"><img src=\"")
document.write(imagennieve + "\" border=\"0\"></layer>")
}
} else if (document.all || document.getElementById) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
document.write(imagennieve + "\" border=\"0\"></div>")
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
document.write(imagennieve + "\" border=\"0\"></div>")
}
}
}

nieve()
}

function nieve() {
for (i = 0; i < numero; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_alto) {
xp[i] = Math.random()*(doc_ancho-am[i]-30)
yp[i] = 0
stx[i] = 0.02 + Math.random()/10
sty[i] = 0.7 + Math.random()
establece_dimensiones()
}

dx[i] += stx[i];


if ( document.all ) {
var copo = eval("dot" + i )
copo.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])
copo.style.posTop = yp[i]
}

else if ( document.layers ) {
var copo = eval("document.dot" + i)
copo.left = xp[i] + am[i]*Math.sin(dx[i])
copo.top = yp[i]
}

else if ( document.getElementById ) {
var copo = document.getElementById( "dot" + i)
copo.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'
copo.style.top = yp[i] + 'px'
}
}

setTimeout("nieve()", velocidad)
}
function establece_dimensiones() {
if (self.innerHeight) {
doc_ancho = self.innerWidth
doc_alto = self.innerHeight - 25
} else if (document.documentElement && document.documentElement.clientHeight) {
doc_ancho = document.documentElement.clientWidth
doc_alto = document.documentElement.clientHeight - 25

} else if (document.body) {
doc_ancho = document.body.clientWidth
doc_alto = document.body.clientHeight - 25
}
}
//]]>
</script>

3ºUna vez puesto el primer código,volvemos a usar "Control+F" para buscar en esta ocasión: </body> justo antes ponemos este breve código:

<script language='javascript' type='text/javascript'>
nieva()
</script>

4ºMiremos que se visualize todo correcto con "Vista previa" y "Guardamos plantilla".
*Al inicio del primer código que pegaste verás que dice:
-var numero = 16 ahí puedes modificar el número de copos que quieres que aparezcan y en
-var velocidad = 4 la velocidad con la que caen.

*Podeís cambiar el tipo de estrella modificando la "url" de imagen:

*Para elegir la "url" de una de estas imagenes,pulsamos en nuestro ratón botón derecho sobre la imagen elegida,y en las opciones que salen seleccionamos:"Copiar la ruta de imagen".

Gadget decora tu Blog con los tres Reyes Magos

2012-01-03T12:41:00.004+01:00

El día 6 de Enero de cada año se celebra el Día de los Reyes Magos.En España y muchos países de América Latina es la Festividad de los Reyes Magos la elegida para que sus majestades hagan la entrega de los regalos a los niños...

Y por eso les dejo un Gadget Divertido con las imagenes de los Tres Reyes Magos para decorar vuestro Blog o Pagina, y felicitar a vuestras visitas y lectores.

Melchor, Gaspar y Baltasar son los protagonistas de estos Gadgets con las imagenes de los Tres Reyes Magos para decorar tu Blog.

Los pasos son muy sencillos , solo tiene que copiar el código elegido de mas abajo y pegarlo en tu Blog.

1. Si usas la interfaz antigua entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript.

2. Si usas la nueva interfaz entra en Diseño | Añadir gadget | HTML/Javascript.

Abajo los códigos de estos Gadgets para decorar tu blog o web con los Tres Reyes Magos :
En este Código hay los Tres Reyes Magos

<br /> <br /> <div style="text-align: center;"><a href="http://ayudablognovato.blogspot.com/2012/01/gadget-decora-tu-blog-con-los-tres.html" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><br /> <br /><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/melchor-source_y56.gif"/><br /><br /> <br /><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/baltasar-source_pz7.gif"/><br /><br /> <br /><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/gaspar-source_d7l.gif"/><br /><br /> </a></div>

En este Código es Melchor

<br /> <br /> <div style="text-align: center;"><a href="http://ayudablognovato.blogspot.com/2012/01/gadget-decora-tu-blog-con-los-tres.html" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><br /> <br /><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/melchor-source_y56.gif"/><br /></a></div>

En este Código es Baltasar

<br /> <br /> <div style="text-align: center;"><a href="http://ayudablognovato.blogspot.com/2012/01/gadget-decora-tu-blog-con-los-tres.html" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><br /> <br /><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/baltasar-source_pz7.gif"/><br /></a></div>

En este Código es Gaspar

<br /> <br /> <div style="text-align: center;"><a href="http://ayudablognovato.blogspot.com/2012/01/gadget-decora-tu-blog-con-los-tres.html" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><br /> <br /><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/gaspar-source_d7l.gif"/><br /></a></div>

*Espero que les guste estos bonitos Gadgets con imagenes de los Tres Reyes Magos para decorar tu Blog.

Flecha para volver al principio de la pagina del blog

2012-01-03T05:58:00.007+01:00

Con esta flecha subís desde cualquier posición de la pagina al inicio de la pagina del blog,es muy fácil insertar,únicamente tenéis que colocar el código html antes del final de la plantilla "antes de </body>"

Podéis ver el ejemplo y como funciona en esta pagina,(abajo derecha).

Los pasos simples:
1º:Vamos a "Diseño" y en "Edición de HTML".
2º:Pulsamos "Control + F" de nuestro teclado,como se ve en la imagen saldrá una ventanita abajo donde introducimos el elemento a buscar de la plantilla </body>.3º:Como vemos en la imagen se encuentra hacia el final de la plantilla justo antes pondremos el siguiente código:

<a href="#" title="Subir a Inicio"><img alt="Subir a Inicio" border="0" src="http://www.lumetalplastic.com/img/dural_subir.jpg" style="position:fixed; bottom:0; right:0;" /></a>

*damos a "Vista previa" y si todo esta correcto y la visualizamos damos a "Guardar plantilla".
*Espero les guste.
*Les ofrezco además unas flechas de las que cambiar la "url de la imagen marcada en Rojo" así pueden cambiar el color de la flecha o diseño:

Scroll de texto para anuncios en su web o blog.

2012-01-03T05:21:00.009+01:00

El Scroll de Texto es muy útil para anunciar un texto más o menos largo en un reducido espacio,podemos anunciar "las ultimas noticias" o "algún evento",lo bueno es que fácilmente podéis adecuar el scroll de texto al tamaño disponible,y lo podéis poner en cualquier elemento HTML/Javascript en "Diseño,Añadir un gadget":
Marquesina

Marquesina

<html><head><title>Marquesina</title></head><body><p align="center">
<b>Marquesina </b></p><center><form NAME="marquee1"><p>
<input NAME="text" SIZE="25" VALUE=" Ejemplo de marquesina en campo de texto...   ">
</p></form></center><script> <!--
/*Text box marquee by Dave Methvin,
Windows Magazine
May be used/modified if credit line is
retained*/
ScrollSpeed = 100
ScrollChars = 1
function ScrollMarquee() {
window.setTimeout('ScrollMarquee()',ScrollSpeed);

var msg = document.marquee1.text.value;
document.marquee1.text.value =
msg.substring(ScrollChars) +
msg.substring(0,ScrollChars);
}
ScrollMarquee()
//--></script></body></html>

*Lo podéis ver funcionando en esta pagina,(arriba a la derecha):
*Principalmente esto podéis editar(Resaltado en Rojo):
1º:"Marquesina"(Cambiamos Marquesina por el titulo deseado).
2º:"SIZE="25""(De este "valor" depende el "ancho" así a mayor numero mas ancho).
3º:"Ejemplo de marquesina en campo de texto..."(Este es el texto que debemos sustituir por el texto que queremos anunciar en el scroll de texto).

Menu horizontal de pestañas para Blog.

2012-01-01T23:47:00.005+01:00

Una pregunta habitual es cómo crear un menú horizontal en Blogger. Hay varios tipos de menú que podemos emplear este es sencillo de instalar y muy vistoso pues da un efecto de resaltado al pasar el mouse sobre el menú.Lo podemos ver funcionando por ejemplo aquí.

Podemos adaptar este menú horizontal,agregando mas botones o editando el contenido enlazando cada botón al contenido que queramos.
Primero entra a Diseño > Edición de HTML y pega antes de ]]></b:skin> lo siguiente:

/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh5.ggpht.com/_qgZA1ny_dAs/SlimLLGQf4I/AAAAAAAAB-g/YKI9AdhUdng/lefttabbed.png) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(https://lh6.googleusercontent.com/--GO1_O0J58s/TeUuqqN2R-I/AAAAAAAABdA/dDziUaN3MYQ/tabbedlarge.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
.clear {clear:left}

Ahora entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega esto:

<div id='menu'>
<ul>
<li><a href='URL del enlace'><span>Título 1</span></a></li>
<li><a href='URL del enlace'><span>Título 2</span></a></li>
<li><a href='URL del enlace'><span>Título 3</span></a></li>
<li><a href='URL del enlace'><span>Título 4</span></a></li>
</ul>
</div>

*Cambia los datos que están en color rojo (Enlace "url" + nombre de Botón)por los tuyos. Puedes agregar las pestañas que quieras, sólo añadelas antes de

Botones para agregar a redes sociales para tu blog

2012-01-01T23:26:00.006+01:00

AddThis es el contenido líder mundial más grande que comparte la plataforma. Esto da a usuarios finales un modo simple y fácil de compartir el contenido a través de la web social, y provee de editores del tráfico aumentado,

Pegue este código en su sitio donde le gustaría su compartiendo y que aparezca:

><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f00cd7d24ccf63e"></script>
<!-- AddThis Button END -->

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f00cd7d24ccf63e"></script>
<!-- AddThis Button END -->

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f00cd7d24ccf63e"></script>
<!-- AddThis Button END -->

Contador de visitas gratis sin registros para su web o blog

2012-01-01T23:01:00.011+01:00

Tu contador de visitas ¡GRATIS!

¡Incluir un contador de visitas en tu Web es muy fácil! Sólo tienes que pulsar en el botón "Descargar", que aparece al pasar el cursor por cualquiera de los contadores disponibles, y copiar el código que aparece en pantalla para pegarlo en tu Web ¡Nada más!

Consiguelo en:
WEBSMULTIMEDIA

Agregar Blog a Directorios o motores.

2012-01-01T22:33:00.003+01:00

Para quien quiera agregar su Blog a motores o directorios,para intentar ganar visitas o visibilidad en buscadores,podéis agregar vuestra url a estos:

*Alta buscadores
*Directorio Español
*Alta buscadores Submit
*Alta buscadores Free webs
*Alta en Bing
*Alta en BizWeb
*Alta einet
*Alta en Google
*Alta en motores y directorios
*Alta en dmoz
*Directorio Blog
*Otro directorio
*Blogust directorio
*Visitasblog
*DirectorioBlogger
*Blogalaxia
*Boosterblog
*Topsofblogs
*Catablogo
*Cincolinks

Celebra año nuevo con fuegos artificiales en tu blog.

2011-12-22T16:32:00.006+01:00

Está cerca la celebración del año nuevo, veamos cómo poner un script que hará que se muestren fuegos artificiales en el blog(hay dos maneras de ponerlo o bien desde plantilla al final antes de </body> o bien en Diseño elementos de pagina HTML/javascript).

Es un efecto sencillo pero que puede hacer amenas estas fechas de celebración o cualquier otra.

Colocarlo es muy sencillo, sólo entra en Diseño HTML/javascript agrega lo siguiente:


<script type='text/javascript'>
//<![CDATA[
// Fuegos artificiales
var bits=200; // Número de puntos
var intensity=10; // Intensidad de la explosión (recomendado entre 3 y 10)
var speed=30; // Velocidad (a menor numero, mas rapido)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
// Colores de los fuegos

var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}

function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
//]]>
</script>

Calendario Navideño

2011-12-22T01:22:00.008+01:00

Estos calendarios navideños le darán el toque de color a tu blog en esas fechas especiales,cuando comience diciembre se irán descontando automaticamente días hasta la fecha:


CÓDIGO-1:	CÓDIGO-2:
<!-- Avvento2011 - Sissunchi --> <iframe name="l1" src="http://magiadelnatale.xoom.it/avvento2011/avvento2011.htm" mce_src="http://magiadelnatale.xoom.it/avvento2011/avvento2011.htm" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" width="150" height="440" allowtransparency="true" background-color="transparent"></iframe> <!-- Avvento2011 - Sissunchi -->	<!-- Avvento2011 - Sissunchi --> <iframe name="l1" src="http://magiadelnatale.xoom.it/avvento/avvento2010.htm" mce_src="http://magiadelnatale.xoom.it/avvento/avvento2010.htm" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" width="150" height="440" allowtransparency="true" background-color="transparent"></iframe> <!-- Avvento2011 - Sissunchi -->

*Coloca el código elegido en cualquier elemento html/javascript en "Diseño".

Menú Flash Navideño para su sitio.

2011-12-18T22:04:00.009+01:00

Este es un menú flash,el cual podemos editar en flashvortex,no es necesario registrarse,tan solo modificar,el diseño,las etiquetas (Button labels),los links (Buttons should link to),las opciones,(layout options),editar color y velocidad de animación(Edit misc options).

Una vez hecho,según se quiera se pulsa sobre "Generate Animation",y en la siguiente pagina elegiremos el código EASY,o también "About Your File" otro código que nos ofrece donde se puede modificar el tamaño ancho y alto.

*Este tipo de menú,lo podemos encontrar no solo para un motivo Navideño,también podemos encontrarlo,para obtener un Menú,según el diseño de nuestra pagina,por ejemplo; Menú baloncesto,Menú Rosas Rojas,Menú Perruno,Menú Autos,Menú tipo Militar,Menú tipo Halloween,y muchos mas,así si no os gustan "las nubes de etiquetas"podéis poner uno de estos menús enlazando a vuestros posts según temáticas.*Puedes ofrecer este menú enlazando a los post Navideños,para ponerlo en tu pagina.CÓDIGO:

<script src="http://h2.flashvortex.com/display.php?id=2_1324242197_16284_151_0_170_267_6_2_78" type="text/javascript"></script>

Santa Claus volando en su trineo por el blog de lado a lado.

2011-12-18T03:09:00.007+01:00

Una decoración de Navidad en tu blog llamativa,puedes tener este Santa Claus (o Papá Noel) volando por el blog y soltando a su paso unos pequeños destellos.
Es un script que puedes verlo volando,se cruzará por el blog cada cierto tiempo de abajo hacia arriba.

El script no tiene opciones de configuración,y lo mejor es que se instala pegando tres líneas de código, así que hasta el más novato puede llevarse este Santa Claus al blog.

Para ponerlo sólo entra en,Diseño,Edición HTML de la plantilla y agrega antes de </head>(al final de la plantilla) este script:

<!-- Santa Claus volando por el blog -->
<script type="text/javascript" src="http://blogparts.giffy.me/0017/parts.js" />
<!-- Santa Claus volando por el blog -->

*Cuando terminen las fiestas navideñas sólo elimina ese código,hasta las próximas fiestas.
*Aquí tenéis una imagen de donde va colocado el código,guardáis plantilla,y listo.

Luces de Navidad para decorar una pagina web o Blog.

2011-12-18T02:45:00.006+01:00

Reproductor Navideño para web o Blog.

2011-12-17T20:35:00.003+01:00

Este es un reproductor de "MYFLASHFETISH", el cual podéis editar el diseño,colores,volumen,automático,y las canciones a elección(Lo tenéis funcionando en este blog).

Si quereis personalizarlo ver el TUTORIAL. sí queréis el reproductor rápido y este mismo os sirve,solo copiad el código y ponerlo en html/javascript en el sitio que elijáis de vuestra pagina web o blog.

CÓDIGO:

<img style="visibility: hidden; width: 0px; height: 0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjQxNTAxMjkzNTkmcHQ9MTMyNDE1MDIyMTE3MSZwPTE4MDMxJmQ9Jmc9MSZvPTI3OGIyNmVhOWUxYTRmNjU4NDY2/Njc2NDNkN2U1MWUy.gif" width="0" border="0" height="0" /><embed src="http://assets.mixpod.com/swf/mp3/mp-sk.swf?myid=87294569&path=2011/12/17" quality="high" wmode="transparent" flashvars="mycolor=242423&mycolor2=e03131&mycolor3=f5e100&autoplay=true&rand=1&f=4&vol=26&pat=7&grad=false" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" style="visibility: visible; width: 350px; height: 180px;" width="350" border="0" height="180"></embed>
<a href="http://www.mixpod.com/playlist/87294569" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style: none;" alt="<span class=" error="" id="SPELLING_ERROR_10" />Music"></a><a href="http://www.mixpod.com/" target="_blank"><img src="http://assets.mixpod.com/images/make-own.gif" title="Create A Playlist!" style="border-style: none;" alt="<span class=" error="" id="SPELLING_ERROR_11" />Playlist"></a>
<a href="http://mixpod.com/">Music</a> <a href="http://mixpod.com/">Playlist</a> at <a href="http://mixpod.com/">MixPod.com</a>

Cursores navideños para Blog.

2011-12-15T18:05:00.015+01:00

Instrucciones para poner 1 Cursor navideño en tu Blog:
*seleccionar numero del cursor
*seleccionar "Código" del numero,del cursor elegido,1,2,3,4,5o 6.
*Copiar y pegar el código en la plantilla: (vamos a diseño,Edición de HTML,y vamos al final de la plantilla donde pone; "</body>",justo antes pegamos el código "damos a vista previa" y si vemos que todo esta bien,guardamos y visualizamos el nuevo cursor.

1		2		3
4		5		6

1:Cursor Pino navideño/Código:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Tree ani Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/treeani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/treeani.gif"), auto;}</style>

2:Cursor Muñeco de nieve/Código:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Snowman 1 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/snowman1.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/snowman1.gif"), auto;}</style>

3:Cursor Papa Nóel/Código:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Santa Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/santa2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/santa2.gif"), auto;}</style>

4:Cursor Reno/Código:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Reindeer Flash Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/reindeerflash.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/reindeerflash.gif"), auto;}</style>

5:Cursor Regalo/Código:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Present Red Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/presentred.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/presentred.gif"), auto;}</style>

6:Cursor Píno/Código:

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Elf Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/elf.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/elf.gif"), auto;}</style>

*En Diseño,y Edición HTML:
*Desplazamos a la parte final para ver como vemos en la imagen,en cualquier caso antes del final de la plantilla va situado el cursor.

Gadget Reloj de Cuenta regresiva Navideña para blog o web.

2011-12-15T14:09:00.004+01:00

El Gadget de Navidad de Reloj de Cuenta regresiva Navideña. Usted puede ajustar las dimensiones visitando a la página de

Christmas Countdown Clock

Christmas Countdown Clockgreat free widgetsWidgetboxMore info

Para las dimensiones (250*250), usted puede usar el código siguiente:

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('7531a7a3-1a46-4e29-b8f7-407fca235270');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/christmas-countdown">Christmas Countdown Clock</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

El Juego de Desafío de Santa para su Blog

2011-12-15T14:02:00.004+01:00

El Juego de Desafío de Vista de Santa la vista de Santa desafía el juego por SightSavers es un juego interesante Navideño donde Sr. Santa tiene que entregar regalos con su ayuda. Su un juego de diversión para integrar sobre su blog para Navidad.

Puedes visita: Santa's Sight Challenge y abajo del juego dale a "Get widget".

CÓDIGO:

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('cb4a62ac-a2fb-4dbe-86da-09cceeb81868');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/santas-sight-challenge">Santa's Sight Challenge</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Gadget navideño,¡Espectáculo que se Cae Nieve Navideña sobre sus Blogs!

2011-12-15T13:29:00.006+01:00

Que puede ser más encantador que la acción de dar la bienvenida a sus visitantes de blog con la nieve decreciente. El paseo dinámico proporciona la escritura que nosotros usaríamos hoy y crea un efecto animado.

La nieve suavemente cae en la página y luego desaparece. Podemos controlar el número de pelotas de nieve y también el tiempo después de lo cual ellos deberían desaparecer. Usted fácilmente puede sustituir la imagen de nieve por cualquier imagen que usted prefiere. La instalación como siempre es guardada sumamente fácil en elementos html/javascript.

1. Ir a Blogger> el Diseño
2. Escoja el artefacto HTML/JAVASCRIPT
3. Pegue el código siguiente dentro de ello,

<script type="text/javascript">


//Configure below to change URL path to the snow image
var snowsrc="http://3.bp.blogspot.com/--hEgrJEXAzo/Tt-5f_2SzAI/AAAAAAAAFi8/Uf-VH61UbDY/s400/snow.gif"
// Configure below to change number of snow to render
var no = 15;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://3.bp.blogspot.com/--hEgrJEXAzo/Tt-5f_2SzAI/AAAAAAAAFi8/Uf-VH61UbDY/s400/snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
    if (ie4up||ns6up) {
  if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
  } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
  }
}
}

function snowIE_NS6() {  // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) {  // iterate for every dot           yp[i] += sty[i];           if (yp[i] > doc_height-50) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
  }
  dx[i] += stx[i];
  document.getElementById("dot"+i).style.top=yp[i]+"px";
  document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
    if (window.snowtimer) clearTimeout(snowtimer)
    for (i=0; i0)
    setTimeout("hidesnow()", hidesnowtime*1000)
    }

</script>

Haga estos cambios:
* Para poner el número de pelotas de nieve corrigen el número "15"
* Para cambiarse la imagen de nieve sustituye el eslabón por el suyo Si usted quiere el empleo la nieve blanca suave más bien que las escamas de nieve entonces usan este eslabón:

http://3.bp.blogspot.com/-0l_0DkjlekY/Tt-6P7Vam3I/AAAAAAAAFjI/ht10gKN3-Ys/s400/falling-snow.png

¿Por qué no alguna nieve roja vistosa?

http://4.bp.blogspot.com/-dXJl9LoEelg/Tt-9kfMN51I/AAAAAAAAFjs/SxvC4NpLQQI/s400/red-snow.png

Usted puede sustituir la imagen por algo que usted desea. ¡Usted puede mostrar hojas decrecientes de otoño, cayéndose el mensaje año nuevo, cayéndose diamantes o aún cayéndose corazones! Solamente con el código de la imagen y sigue cambiando los sabores.

4. Copie y pegue y arrástrelo a la parte alta cerca de la cabecera, como mostrado debajo,

¡ la naranja guarda el botón sobre sus elementos de página y eso es todo! Visita sus blogs para ver la nieve hermosa caerse sobre su blog que da a un toque Navideño de invierno. ¡Diviértase!:)

Imagenes de navidad para blog

2011-12-09T11:12:00.020+01:00

Imagenes para decorar vuestro Blog,como esta:

podéis copiar "la ruta de imagen" clicando sobre ella,o bien copiar el "código" que ofrece la imagen y ponerlo en un elemento "html/javascript"...

Elige la tuya

Widget colorea a Papá Noel para web Blog.

2011-12-08T07:43:00.006+01:00

¡Colorea al Papá Noel en el juego e imprime su imagen cuándo esté terminado!,¡puedes añadir este widget a sus sitios web o blogs!

Santa Claus Coloring Gamegreat free widgetsWidgetboxMore info

CÓDIGO;

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('cf1d6f81-95b9-4897-9c61-b24a7faa1978');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/santa-claus-coloring-game">Santa Claus Coloring Game</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

Widget Árbol de Navidad que muestra los días que faltan para la Navidad

2011-12-08T07:24:00.003+01:00

Widget Árbol de Navidad que muestra los días que faltan para la Navidad

Podéis editar los colores o elegir otra festividad aquí.Ya sabéis que podéis agregar el código en cualquier elemento "HTML/Javascript" de vuestro blog.CÓDIGO;

<iframe src="http://widget.123greetings.com/w/cd/widget.html?FFFFFF0000CC666666006666CC6666FFFFFF990000DDDDDDCCCCCC101edec_christreeday" frameborder="0" width="300px" height="150px"  scrolling="no" id="cd_frame"></iframe>

Gadget Nota Navideña para Blog.

2011-12-05T14:50:00.005+01:00

Nota Navideña
¡Envíe una Nota personalizada Navideña a todos sus amigos! Solamente seleccione las opciones en las que usted quiere y consigue el código para pegar a su MySpace, Friendster o cualquier otra página que usted quiere.Puede ponerlo en cualquier Blog o web en HTML/Javascript;

Send a Christmas Note

Cursores Navideños para Blog.

2011-12-05T13:43:00.014+01:00

Cursores Navideños para la ocasión,podéis encontrarlos en esta pagina; CURSORES NAVIDEÑOS.

*Visita la PAGINA de CURSORES para copiar el Código correctamente.

Calendarios de Navidad para Blogs

2011-12-05T13:25:00.006+01:00

A petición de varios usuarios y visitantes,Calendarios Navideños,están muy bien,esta es la pagina,donde podremos elegir el "Código" del calendario que mas se adapte al blog;
*CALENDARIOS NAVIDEÑOS.

NOTA;totalmente gratuitos ,solo tenéis que colocar el código en la zona de vuestra Web donde queréis que salga,Atención!! deberás cambiar donde pone XXX por el numero de Calendario que os guste.
*Diseño;elemento de HTML/Javascript.

*CÓDIGO;

<script type="text/javascript"
src="http://www.gifss.com/creaciones/calendarios/navidad/XXX/calendario.js"></script>

Gadget Papa Noel bajando por cuerda en tu Blog

2011-12-05T13:14:00.006+01:00

Gadget Papa Noel ¡subiendo y bajando para tu Blog!

Sencillo;Blog Blogger ir a "Diseño" Añadir gadget en la columna donde quieras y seleccionar HTML/Javascript.Poner el código y guardar;
*CÓDIGO;

<br /> <div style="text-align: center;"><a href="http://ayudablognovato.blogspot.com/" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://www.yodibujo.es/_uploads/_tiny_galerie/200811/papanoel-navidad3-source_n7g.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" alt="" /></a></div>

Fondos Navideños para Blog

2011-12-05T12:50:00.004+01:00

Fondos navideños para Blog;

Pasos;vamos a:Diseño,y Edición de HTML...Una vez hay buscamos(cerca del principio);

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #fff;
background: url(http://AQUI PONREMOS LA URL DE LA IMAGEN NAVIDEÑA QUE QUERAMOS.jpg) fixed no-repeat top left;

*Podríamos poner cualquier imagen que tenga un tamaño suficiente,como estas que os muestro;
*IMAGEN NAVIDEÑA TIPO ROJO.
*IMAGEN ESTRELLAS DORADO Y REGALO.
*BOLAS NAVIDEÑAS HIELO Y PINOS
*PINO NAVIDAD CON ESTRELLA FONDO ROJO.
*PAPA NOEL EN TRINEO FONDO AZUL.
*FONDO ROJO;MENSAJE FELIZ NAVIDAD.
*NOTA; una vez veamos la imagen "Clicamos sobre la imagen con "clik" derecha de ratón,y en la ventana que se abre seleccionamos; Copiar la ruta de la imagen."

*y ponemos la "Ruta de la imagen que será algo así; http://www.asociacionhht.org/data/uploads/Fondo-navidad-con-estrellas.jpg...(por ejemplo),detrás de;background: url(

Widget para ver temas relacionados para Blogs,muy sencillo y útil.

2011-11-29T04:09:00.005+01:00

Bueno esto mas que un "Gadget" es un servicio GRATIS que nos da esta pagina; LinkWithin;

*Historias Relacionadas Bajo Cada Post(vinculándose a historias relacionadas de su archivo de blog.)
*Recuperan e incluyen en un índice todas las historias de su archivo de blog, no historias solamente recientes, haciéndolos accesible a los lectores nuevos u ocasionales de su blog que de otra manera no los encontraría.
*Diseño elegante, Discreto, labrada y armoniza con su diseño de sitio.
*Despreocupado Instalar
*Es libre y sin anuncio. ¡Esto toma un minuto y controlando el Gadget desde su blog, ningún signup requerido!

Pasos:
1º Rellenar: Email,url del Blog,plataforma del Blog por ejemplo "Blogger",y si queremos que se vean 2,3 o 4 historias relacionadas...(la casilla se marca si tenemos un fondo de Blog oscuro).
2ºEn la pagina que se habre le damos "Click" a donde dice; "Install Widget"...(desde hay accedemos a nuestro Blog,donde elegimos el Blog,y el "titulo"...le damos a "añadir artilugio" y ¡ya lo tenemos!.

*Si el Widget donde debería poner; "Quizás también le interese",sale en Inglés,una vez instalado (según los pasos anteriores),vamos como muestra la imagen de abajo,a Diseño/Elementos de pagina/donde veremos el "Widget" y procederemos a "EDITAR" para poner el Titulo en Español,guardamos y ya lo tenemos.

Gadget colgador chino decorativo para web,Blogs.

2011-11-29T03:23:00.008+01:00

Este es otro Gadget para poder decorar nuestro Blog,según la temática de cada blog,le daremos uso o no.Se trata de un Colgante chino de esos "que al abrir la puerta" "toca la campanita",pues y los hay de varios colores y motivos.(Según el "código" que escojamos podremos ponerlo o en una barra lateral superior o inferior o en el rincón derecho superior de la pagina).

La pagina está en "Chino" es esta; KuruKuruParts
*Hay que escojer el elemento "Html" a copiar y "pegar" en cualquier parten de "Diseño" de nuestro Blog o web: en "Html-javascript".(Añadir un gadget).

Posicionamiento en Buscadores,gana visitas web,Blog.

2011-11-29T02:49:00.006+01:00

POSICIONAMIENTO EN LOS BUSCADORES;

"Encontrar su página web/Blog puede resultar tarea difícil. Sus competidores también lucharán por las mejores posiciones."

Hay muchos métodos para ganar visitas,aunque aquí nos centramos principalmente en los Blogs,algunos métodos que a veces "se desconocen" es el xploit para introducir una pagina en buscadores;

Como por ejemplo; Exploit Submission Wizard 8.01
“Automatiza el proceso de enviar tu Web a buscadores”

Asistende para envíar tus páginas Web de forma automatizada al creciente número de motores de búsqueda presentes en Internet.

Este programa elimina la complicación, y hace que el proceso ocupe una fracción de tiempo mucho más reducida de lo que ocuparía si lo hicieses manualmente.
Con este programa podrás enviar tus datos a más de 500 motores de búsqueda.

Otro medio es desde; ALTA BUSCADORES GRATIS

*Este servicio está pensado para sitios web pequeños que no aparecen indexados en los buscadores. Para una mejora del posicionamiento (linkbuilding)
*El uso de este servicio queda restringido a páginas de adultos o con contenido ilegal (pedofilia, etc.)
*El uso de este servicio queda restringido a un uso mensual por usuario (persona física).Debido al alto número de peticiones hemos puesto un número máximo de altas diarias, si se ha superado el límite, deberá volver a utilizar el servicio pasadas las 00h.
*Para poder solicitar el alta, es requisito imprescindible que haya colocado nuestro banner (ver código a continuación), los sitios que soliciten el alta sin disponer de dicho banner, NO serán procesados y quedarán bloqueados de futuras peticiones. Este servicio es gratuito y la colocación del banner es obligatoria.

El resultado de la prueba es;
Submit to: Bizeurope Submit to: Blinkx Submit to: Bravenet Submit to: Claymont Submit to: FindFromWeb Submit to: ExactSeek Submit to: Google Submit to: Infotiger Submit to: InnerSeek Submit to: JdGO Submit to: Land of Links Submit to: Mix Cat Submit to: MyAllFish Submit to: Nerd World Submit to: OneMission Submit to: PrideLinks Submit to: RBS Submit to: Search4More Submit to: Search-O-Rama Submit to: SearchEngine Submit to: SearchSight Submit to: SearchtheWeb Submit to: SearchWarp Submit to: SeekOn Submit to: Scrub The Web Submit to: Starting Point Submit to: TurnPike Emporium Submit to: Walhello Submit to: WhatUseek Submit to: WiseNut Submit to: Ypages.biz

*Hay sitios similares (tambien piden agregar Banner antes o despues) son GRATUITOS,como por ejemplo;matpec.com