| [+/-] |
|
La red social facebook ha cumplido su 5º aniversario.
| [+/-] |
Fondo de pantalla |
Quieres crear un fondo pantalla para tu ordenador, con solo acceder a la web http://www.typogenerator.net/ y escribiendo el texto que queramos, obtendremos nuestro fondo personalizado.
| [+/-] |
Enmarcar el título de las entradas |
Hasta el momento hemos enmarcado :
· La fecha de nuestros post.
· El pie del post.
Hoy lo que haremos es enmarcar el título de los post:
Accederemos a “Edición de HTML”, no es necesario expandir artilugios.
Buscaremos /*Posts
Y luego el siguiente código:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;Eliminamos:
color:$titlecolor;
Y pegamos el siguiente código:
background-color: #99C9FF;
Si queremos centrar el título del post añadiremos:
text-align:center;
Este es el resultado:
Podemos añadir también un borde pegando en el mismo sitio el siguiente código:
border: dotted #000000; 4px
Quedaria asi:
El código final con todas nuestras modificaciones seria este:.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
background-color: #99C9FF;
text-align:center;
border: dotted #000000; 4px
}| [+/-] |
Ranking de comentaristas de nuestro blog |
Para crearlo haremos lo siguiente:
Una vez hayamos rellenado todos los datos haremos clic sobre el botón Customize y se nos activará el botón de Add to blog>>. Si clicamos sobre él y se abrirá una nueva pestaña con la página de Blogger de Añadir elemento de página. Selecciona el blog en el que lo quieras poner, clica sobre "Añadir artilugio" y ya lo puedes colocar en la posición que desees de tu sidebar. Como no, también podemos obtener el código html para que podamos hacerle alguna modificación:
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=720a4578c7b83dfce64615cb0ad3c642&url=http%3A%2F%2Ftirandodeblog.blogspot.com&num=10&filter=Sisco" type="text/javascript"></script>
<span style="gt;Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>
Una vez seguidos todos los pasos, he obtenido el siguiente resultado para este blog:
Visto en: Meta Microcosmos
Actualización 09/03/2009: El widget sólo contabiliza los últimos 500 comentarios del blog, a tal efecto puede ser que el número de comentarios de cada uno de nuestros visitantes varie según los comentarios hechos en la franja de los últimos 500 comentarios.
Actualización 13/08/2009: Parece ser que el Widget que os presento en este post ha dejado de funcionar, de todas formas siguiendo las instrucciones podeis probarlo vosotros mismos.
| [+/-] |
Importar y exportar en Blogger |
Extraído de: Blogger Buzz.
| [+/-] |
Widget para mostrar entradas al azar |
Para obtenerlo solo tenemos que seguir unos sencillos pasos y sin necesidad de registro obtendremos este widget, con él podremos mostrar hasta 5 post al azar, de forma estática o dinámica.Cuando hemos realizado todos los pasos anteriores, podemos añadirlo de forma automática haciendo clic en "Add to Blogger", “Add to Facebook” o en “Widgetbox”, también nos facilita el código html para poder incluirlo de forma manual en nuestra sidebar.
Ahora falta que os funcione, espero haberte ayudado "El blog de Bollulleros"
| [+/-] |
Loonapix, Editor fotográfico |
Loonapix es un editor de fotografías gratuito y en línea. Podremos usarlo para subir nuestras fotografías y agregarles fácilmente efectos, fondos, marcos, podremos variar su tamaño o escala.
| [+/-] |
Menú Vertical |
Os gusta este menú, pues si queréis ponerlo en vuestro blog lo haremos de la siguente forma:
Pegamos el siguiente código antes de ]]></b:skin>
/*- menu----------- */
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#navcontainer li { margin: 0 0 3px 0; }
#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #FFCC00;
background-image:
url(http://img478.imageshack.us/img478/1483/ama1yh2.jpg);
}
#navcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}
#navcontainer a:hover
{
border: 1px solid #FFFF99;
background-color: #6C1F0D;
background-image:
url(http://img166.imageshack.us/img166/3333/nar2af6.jpg);
color: #FFFF99;
}
#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #FFFF99;
background-color: #6C1F0D;
background-image:
url(http://img166.imageshack.us/img166/3333/nar2af6.jpg);
color: #FFFF99;
}
<div id="navcontainer">
<ul id="navlist"><li id="active">
<a href="#" id="current">INICIO</a></li>
<li><a href="URL">DESCRIPCIÓN 1</a></li>
<li><a href="URL">DESCRIPCIÓN 2</a></li>
<li><a href="URL">DESCRIPCIÓN 3</a></li>
<li><a href="URL">DESCRIPCIÓN 4</a></li>
</ul>
</div>
