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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqCQOFzJhq8OoMTTG1i9Qfl-r4vn5rF-VliTSQGJlhQ8K8O7S0k5umluI1mhlrGifEzQ8Jgvf83b4cClW242Y4GusEvAI3wxX5vBistZ7dHLyaRGADBGOv4zllHe_GVoNZ46GCuji-Isg/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...
Enlaza el blog ...
Ultimos comentarios
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
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.
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>
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.
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)
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
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..
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.