Debemos ir a la siguiente dirección:
http://blogger-templates.blogspot.com/2007/03/recent-comments.html
una vez alli, rellenamos el sencillo cuestionario que encontraremos (tan solo nos llevara unos 20 seg.)
El widget se añadira automaticamente en tu blog, luego podemos cambiarlo al lugar que elijamos.
domingo, 27 de abril de 2008
últimos comentarios de tu blog
Otro generador de Logos
En esta dirección:
www.text2logo.com/
podremos hacer nuestro propio logo con solo escribir el texto que queramos, el tamaño y el tipo de fuente.
Aqui teneis un ejemplo:
Más de 400 tipos diferentes.
viernes, 25 de abril de 2008
Top comentarios para tu blog
Es muy sencillo, vamos a la siguiente dirección:
http://www.bloggerbuster.com/2008/03/top-commenters-widget-for-blogger-blogs.htmldonde debemos rellenar un miniformulario con nuestros datos y automáticamente se incluye este widget como un elemento de página html.
Como se pueden suscribir a tu blog
1º Nos dirigimos a la pestaña configuración de blogger y una vez allí vamos a feed del sitio, en la segunda sección pinchamos el link feedburner y seguimos sus pasos, una vez nos de la dirección feed del sitio, la copiamos y la pegamos en Publicar URL redireccionada del feed.
2º pichamos en la pestaña diseño
<p><center><a href="http://feeds.feedburner.com/MsBlogQueNunca">
<img border="0" width="100" alt="suscribe" src="http://picasion.com/pic1/69085d90e6569a0d9d9b47b31e158ed7.gif" height="155"/></a><p></p></center></p>
*Cambias el 1º texto en negrita, que es la dirección del feedburner por la tuya,
y el 2º texto que es la imagen por la dirección de la imagen que tu quieras.
Dedicado en especial a Feripula de
martes, 22 de abril de 2008
poner un menu horizontal en tu blog
Tenemos que ir a plantilla y una vez allí, tenemos que buscar el siguiente código:
]]></b:skin> y justo despues pegamos el siguiente código:
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #333333;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
background-color: #333333;
}
#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
background-color: #ffcc66;
color: white;
}
#navcontainer #active { border-left: 1px solid #fff;
}
posteriormente buscamos el código:
<div id='content-wrapper'>
y pegamos lo siguiente:
<div id='navcontainer'>
<ul id='navlist'>
<li id='active'><a href='http://masblogquenunca.blogspot.com/search/label/#' id='current'>Home</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/herramientas'>Herramientas</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/trucos blog'>Trucos Blog</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/trucos texto'>Trucos Texto</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/trucos imagenes'>Trucos Imagenes</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/blog'>Blog</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/blogdiccionario'>Blogdiccionario</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/bloghistorias'>Bloghistorias</a></li>
<li><a href='http://masblogquenunca.blogspot.com/search/label/humor'>Humor</a></li>
<li><a href='http://masforoquenunca.creaforum.net'>Foro</a></li>
<li><a href='mailto:invertia74@yahoo.es'>Contactar</a></li>
</ul></div>
el texto en negrita lo sustituimos por la dirección de nuestro blog y las etiquetas de nuestras entradas entradas.
El resultado es el que veis arriba en mi blog.
domingo, 20 de abril de 2008
Resaltar una palabra o enlace
Si queremos resaltar una palabra o en este caso un enlaze, con un color diferente del fondo tendremos que poner el siguiente código antes de esa palabra o enlace de la siguiente forma:
Código:
<span style="background-color: #FFFFFF">
<a href="http://masblogquenunca.blogspot.es/"/>MaSBLoGQueNuNCa</a>
*El código #FFFFFF lo podemos cambiar por el código de color que queramos.
Resultado:
MaSBLoGQueNuNCa
domingo, 13 de abril de 2008
Imagen flotante en tu blog
Seleccionamos añadir elemento de página y pegamos el siguiente código en
Html/Javascript:
<a href='URL DE TU BLOG' style='display:scroll;position:fixed;bottom:0px;right:0px;'><img src='URL DE TU IMAGEN'/>
*Cambiamos el 1º texto en verde por la direccion hacia donde quieras que se diriga el enlace (por ejemplo otro de tus blogs) y el 2º texto verde por la imagen que queramos que salga en el blog.
sábado, 5 de abril de 2008
Poner un favicón para tu webblog
Un favicón es un icono o logotipo que identifica a una página web o paginas de un servidor, y que algunos navegadores como internet explorer muestran en sus barras de dirección o lista de favoritos.
Para tener el tuyo propio, sigue los siguientes pasos:
1-Puedes usar una imagen o logo existente o crear uno, aquí tienes un generador de logos
2-Cuando la tengas, generas el favicón aquí , es muy fácil,en examinar, buscas la imagen en tu pc, después clicas en generar.
3-Despues lo alojas aquí (porque al contrario que otros, soporta el formato .ico).
4-Por último,abre la plantilla de tu blog, en el código html de tu plantilla, introduce las siguientes líneas de código justo después de: <head> y antes de: <title>
<link href='http://www.idivimage.com/files/invertia/dmj3niyumxnkgqjymi5w.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://www.idivimage.com/files/invertia/dmj3niyumxnkgqjymi5w.ico' rel='icon' type='image/ico'/>
Sustituimos el texto en verde, por la dirección de nuestra imagen.
Aqui tienes el mio:
jueves, 3 de abril de 2008
Mensaje de despedida al cerrar el blog.
Nos dirigimos a Diseño, Elegimos la opción Editar HTML, y sin expandir artilugios
buscamos el suigiente código:
]]></b:skin>
</head>
<body>
y sustituimos <body> por este otro código:
<body onUnload='window.alert("En MaSBLoGQueNuNCa cada dia hay nuevos contenidos, vuelve pronto...")'>
*cambiamos el texto en verde por el que queramos.
Aqui os dejo un ejemplo:
martes, 1 de abril de 2008
Contador de días On-line
Para que no os olvideis del tiempo que llevais en la blogesfera, os presento a mi Blogocontador On-line
Código
<p><center>MaSBLoGQueNuNCa<marquee :; style="font:normal 16pt Arial; color:#FFFFFF; background:#6C82B5">
<script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(20, 3, 2008, "Dias Online" );</script></marquee><p></center>
*Cambiar la fecha que hay en rojo por la vuestra.
Ejemplo
Espero os sea útil.
BannerBreak.com - Banner Maker - Banners - MySpace Layouts