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
Este widget va a aparecer cada ves que entren al blog.


Se puede personalizar mediante el código CSS.

Poner el código en un nuevo gadget HTML/JavaScript.

<div id='20blogs' style='position:fixed;top:10px;left:10px;width:280px;border: 12px solid #2A3D47;background:#fff;z-index:99999;'>
<a href="#" onclick="document.getElementById('20blogs').style.display='none'; return false"><img src='http://1.bp.blogspot.com/_WvACVGW1iPE/TF1-TsFDTWI/AAAAAAAABQo/pLgccZC9c5o/s1600/cerrar.png' style='float: right;border:0;' title='Cerrar'/></a>

ACA PONER EL SCRIPT PROPORCIONADO POR PREMIOS 20BLOGS

</div>

Ver ejemplo con permiso de Gem@: (y de paso la podrán votar)

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

Buenas,
por lo que he visto el 'position:fixed' no funciona en IE, no me he fijado si este ejemplo funciona, pero, ¿hay que agregarle algo para que funcione en IE?
Saludos

Vku dijo...

San Tgá:

Funciona en Internet Explorer 7 en adelante.

Si no te funciona es que estas con IE6 o anterior.

Yo te recomiendo que actualizes o aun mejor te pases a Firefox.

Para que fixed funcione en IE 6, tienes que hacer unos cambios.

Esto lo dejas solo con el id sin el estilo.

<div id='20blogs' style='position:fixed;top:10px;left:10px;width:280px;border: 12px solid #2A3D47;background:#fff;z-index:99999;'>

Así:

<div id='20blogs'>

Y agregas el código CSS por fuera asi:

<style type='text/css'>
#20blogs{position:fixed;top:10px;left:10px;width:280px;border: 12px solid #2A3D47;background:#fff;z-index:99999;}
* html #20blogs{position:absolute;top:10px;left:10px;width:280px;border: 12px solid #2A3D47;background:#fff;z-index:99999;}
</style>


Realmente no me acuerdo bien la solución.

hace mucho tiempo que no diseño para IE6.

SanTgá dijo...

Yo no uso IE, pero trato que se vea bien allí, tengo IE8, mira acabo de ver y tu ejemplo se ve, en tú página, con el único inconveniente que se ve por de bajo de las cosas, si hago scroll funciona el fixed pero los comentarios se ven arriba.PERO lo ejecuto en mi máquina, igual que tú lo haces y no funciona el fixed! en IE porque en Firefox sí, ésto yo lo había probado hace tiempo y tampoco me funcionaba en IE incluso leí cosas en la red que a otra gente tampoco, llego a la conclusión(quizás me equivoco) que es un script de blogger o no sé el que permite que funcione bien, fijate, ahí está el código que no me funciona.


<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prueba position fixed</title>
<style type="text/css">
body{
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
}
.relleno{
top: 800px;
position: absolute;
height: 300px;
width: 240px;
background-color: green;
}

</style>

</head>

<body>
<div id='20blogs' style='position:fixed;top:10px;left:10px;width:280px;border: 12px solid #2A3D47;background:#fff;z-index:99999;'>
<a href="#" onclick="document.getElementById('20blogs').style.display='none'; return false"><img src='http://1.bp.blogspot.com/_WvACVGW1iPE/TF1-TsFDTWI/AAAAAAAABQo/pLgccZC9c5o/s1600/cerrar.png' style='float: right;border:0;' title='Cerrar'/></a>
ACA PONER EL SCRIPT PROPORCIONADO POR PREMIOS 20BLOGS
</div>
<div class="relleno"></div>

</body>
</html>

Vku dijo...

Tienes mal el código, va junto así:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ahí te va a funcionar el fixed.

Lo que me da duda es que blogger utiliza Strict y no Transitional.

Esó no es para blogger?

Y si tienes razon blogger tiene cosas extrañas que creo que ni ellos las entienden.

Vku dijo...

Lo que ves mal al pasar por los comentarios se debe a que el script esta en una entrada, si lo pones en un gadget se vera bien.
Cosas de blogger. :23)

SanTgá dijo...

Era eso! lo raro era que en Firefox se veía aun con el DOCTYPE mal y en explorer no, y en cuanto a lo de verse por de bajo de los comentarios eso sólo me pasa con IE, en Firefox se ve perfecto.
Gracias
Saludos

Howard Yoseph dijo...

Hola te queria pedir un gran favor Como veo que sabes mucho de este tema y yo soy un poco novato y no encuentra la manera de usar en mi blog este gadgest que esta genial La pagina que tiene el gadgest es esta http://www.picsengine.com/en/ y la verdad estoy loco por usarlo y se que te puede gustar porque es una cosa que es muy util para varias cosas, en su pagina pone instrucciones para ponerla pero en foros y paginas asi, pero como veo que llevas los codigos de los blogs super facil entonces me podrias ayudar a ver como consigo poner este gadget en mi blog ya que tengo 5 dias intentandolo y no he podido asi que pense que la unica solucion es pedir ayuda a los que saben, para que veas que bien se ve mira este foro http://www.innovachip.com/foros/index.php?page=buscajuegos y dime si no esta
super bien ese gadget si consigues como hacerlo me podrias ayudar con eso: es que lo quiero comprar, espero que me puedas orientar un poco desde ya muchas gracias..

Vku dijo...

En blogger no puedes, necesitas algun hosting que acepte php como miarroba.

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?