Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada




Ir a Diseño, Edición de HTML y justo abajo de <body>

Poner el siguiente código:

<center>
<div style="position:fixed;top:10px;left:10px;color:#006633;font-size:80%;border: 1px solid #006633;padding:7px;z-index:888">
<img src="http://3.bp.blogspot.com/_WvACVGW1iPE/TOqem351TiI/AAAAAAAABZ4/A6OpgsHVoIE/s1600/navidad.gif" style="display: block;clear: both;"/>
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 12, 25)
var beforeOccasionText="hasta la Navidad"
var onOccasiontext="Hoy es Navidad. Felices Fiestas!"

var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script></div></center>

Se mostrara arriba a la izquierda.
Se puede personalizar con estilo CSS. (en rojo)
Elegir y cambiar la imagen. (en azul)
Cambiar texto. (en negrita)

Hay 2 textos distintos:
El primero es el que se muestra hasta llegar al día 25 de diciembre. (hasta la Navidad)
El segundo se mostrara solo el 25 de diciembre. (Hoy es Navidad. Felices Fiestas!)

Ver otras entradas para la Navidad


Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Idennis12 dijo...

El efecyo es bueno pero la imagen no se mira mucho de calidad :5)
Pero bonito efecto lo usare en Mi blog.

Vku dijo...

Idennis12: Puedes cambiar la imagen.

Adriana: si lo pones en la sidebar modifica el estilo del div y seguramente al script tengas que quitarle //<![CDATA[ y //]]>.

La hormiguita dijo...

Hola, lo puse pero no se modificar el estilo y me queda fuera de la página del lado izquierdo :26) cómo lo pongo dentro del blog??????
Gracias

Vku dijo...

Adriana: yo lo veo bien.

Si quieres en otro lado modifica acá:

"position:fixed;top:10px;left:10px;color:#006633;font-size:80%;border: 1px solid #006633;padding:7px;z-index:888"

position:fixed - queda fijo
top:10px - distancia desde arriba
left:10px - distancia desde la izquierda

mi resolucion de pantalla es 1024 x 768. ¿cual es la tuya?

si es mas grande pon el código abajo de <div id='outer-wrapper'><div id='wrap2'>

La hormiguita dijo...

Hola... yo tengo un monitor mas grande...:13) y me queda a la izquierda arriba de todo y yo lo queria dentro de la sidebar dentro del gadget pero me fije en una página que vi en resolución 1024 y le cae en la cabeza a la señora mayor... no lo ve así??? puse el còdigo div id ....??? pero quedo igual!!!!
Espero se pueda ... si no pongo un árbol dentro del gadget y listo :1)

Vku dijo...

Adriana: Cuando uno pone algo con position fixed siempre va a tener ese problema, se va a ver segun con la resolucion del monitor en la posicion que se configure, en este caso top:10px y left:10px

Fijate en esta página que te da la opcion de ver en distintas resoluciones:

http://testsize.com/?url=http%3A%2F%2Freparaciondepc.cl%2Fblog&size=4&width=1024&height=600


Siempre acuerdate que no todos tienen la misma resolucion. La mas comun es 1024 x 768.

lo que pueses hacer es cambiar left;10px por 200px o algo asi, pero lo vas a ver vos bien y yo lo voy a ver mas hacia el medio.

Seguramente vos ves el menu y las flechas a la derecha de mi blog por fuera del blog?

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?