BLOG DE PRUEBAS DE LA TRUCOTECA DE BLOGS

Cambiar el FavIcon del blog

domingo, 28 de junio de 2009 4 comentarios
El favicon de un blog o página web es el pequeño icono o imagen que sale al lado de la URL de nuestra página, en la barra de direcciones.

Para cambiar el Favicon que viene por defecto en los blogs de Blogger (una B con un recuadro naranja), por el que queramos, vamos a seguir los siguientes pasos:

1. Crear el FavIcon: Si quieres conseguir un favicon a partir de una imagen que tengáis en vuestro PC y que concuerde con el contenido de vuestro blog (Si es de informática, un ordenador; si es de tenis, una bola de tenis, etc.), dirígete a FavIcon from Pics .

Pincha en Examinar y escoge la imagen desde tu Pc. Después le das a Generate FavIcon, y:

2. A continuación puedes guardar la imagen y alojarla en Imageshack, PicCoodle, o Sky Drive...

Un ejemplo de Fav Icon (lo podéis utilizar):

Ya con la URL de la imagen conseguida:

3. Vamos a Diseño> Edición de HTML, y buscamos (Ctrl + F) :

<title><data:blog.pagetitle><title>

Y antes de esa línea (encima) pegamos esto:

<link href='URL DE TU FAVICON' rel='shortcut icon' type='image/x-icon'/>
<link href='URL DE TU FAVICON' rel='icon' type='image/x-icon'/>


Cambiamos dos veces URL DE TU FAVICON, por la dirección de nuestra imagen que hemos alojado anteriormente.

ATENCIÓN: He leido en El Escaparate de Rosa, que puede haber algun problema en el FavIcon ahora, al haber cambiado un enlace en la cabecera de algunas plantillas nuestro querido Blogger.

Hay dos soluciones, pero si no teneis el problema, no cambiarlo.

Solución 1:
Eliminar el enlace nuevo que Blogger ha colocado:

<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

Solución 2 (recomendada):
Trasladar el código de nuestro FavIcon (el que pegamos en el paso 2) antes de </head>
ASI:

]]></b:skin>
AQUI EL CODIGO DE NUESTRO FAVICON DEL PASO 2
</head>

Yo, de todas formas os recomiendo que si teneis ese problema, lo solucioneis con el 2
Y otra cosa: A veces Internet Explorer, no muestra ni la B, ni nuestro Favicon. Esto pasa (por lo menos a mi) cuando visitamos mucho esa pagina, y tan solo sale una hoja pequeña con el logo de Internet Explorer. En ese caso no es ningun problema (bueno si, pero no se puede hacer nada)

Bueno, espero que os haya gustado. Un saludo!!

Quitar el mensaje "Mostrando todas las entradas con la etiqueta..."

viernes, 19 de junio de 2009 3 comentarios
Si quieres quitar el cuadro o mensaje que sale en Blogger que dice: "Mostrando todas las entradas con la etiqueta -?- ", cuando pinchas en una etiqueta, o también cuando buscas una palabra en el buscador de un blog, hay una solución muy simple:

Vamos a Diseño> Edición de HTML y ahí Expandimos la plantilla de artilugios

Después localizamos la línea:

<b:include data='top' name='status-message'/>

Y simplemente, la ELIMINAMOS

Y ya está, el cuadro no volverá a salir. Si quieres ponerlo de nuevo como antes, pues vuelves a poner la línea 1ª en la plantilla, en el lugar correspondiente.

Quitar la barra (NavBar) de Blogger

1 comentarios
Si quieres quitar (u ocultar) la barra que Blogger pone en la parte superior de los blogs (llamada NavBar), tan solo tendrás que dirigirte a Diseño> Edicion de HTML.

Y ahí localizamos la línea <head>

Y después pegamos el siguiente código:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Otra manera, que sale en Blog&Web:

Localizamos la línea: body {

Y justo encima (arriba) pegamos este código:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Este "truco", la mayoría de las plantillas que se pueden descargar (En Btemplates o Blog and Web) ya lo llevan puesto, asi que no hace falta ponerlo.
De todas formas, si añoras el link "Nueva Entrada" o "Personalizar" que salen en la barra, puedes hacer un widget en tu blog con el título, por ejemplo, Administrar, y con los enlaces Login, Editar, Nueva Entrada, etc., con los links correspondientes, ¡y todo solucionado!

Espero que os sirva!!!. Cualquier duda me la podéis dejar en los comentarios

Codigo para poner nuestro blog como página principal

martes, 16 de junio de 2009 1 comentarios
Hoy he descubierto un codigo muy sencillo que permite a los visitantes que agreguen nuestro blog o web como página principal.

1ª forma, con un simple enlace de texto. El código es éste:

<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('URL DE TU PÁGINA')">
<font color="#ffffff">NOMBRE DEL ENLACE</font></a>

Tan solo cambiamos la URL DE TU PÁGINA por la dirección de nuestro blog o web que queramos que tenga la posibilidad de agregarla como página principal.

También cambiamos NOMBRE DEL ENLACE por la frase por ejemplo, "Página principal" o "Hazme tu página de inicio", etc., o Incluso el color #ffffff , por el que queramos.

-------
2ª forma, en el que se puede hacer lo mismo desde una imagen:
<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('URL DE TU PÁGINA')">
<img src="URL DE TU IMAGEN"></a>

Y lo mismo; cambiamos URL DE TU PÁGINA por la dirección de nuestro blog o web, y donde pone URL DE TU IMAGEN, ponemos la dirección donde esta el icono o la imagen que se mostrará.

Espero que te haya servido. Puedes ver como queda en la parte de abajo y No te olvides de dejar un comentario!!!