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!!!

Abrir comentarios en página emergente

sábado, 13 de junio de 2009 3 comentarios
Para abrir los comentarios en una ventana nueva (emergente), tan solo nos tenemos que dirigir a Configuración > Comentarios > Ubicación del formulario de comentarios, y marcamos Ventana Emergente, aunque también podéis ver las otras opciones

Ver más grande.

Caja de HTML para nuestro banner - II

1 comentarios
En una entrada anterior os decía como hacer una caja con el codigo HTML de nuestro banner, de manera más "manual".

Pues bien, ésta es otra manera de conseguirla. Utilizando la web Link Me

Tan solo escribiremos la URL a la que dirige el banner (Endereço do seu blog), y la URL de la imagen del banner (Endereço do seu button). Además, podemos poner como título "Enlázame" o "Link Me" en el espacio Título. Y tras ésto le damos a Gerar Código.

Además, con éste generador conseguimos que al pasar el puntero por encima se seleccione todo el código.

Ésta es una prueba de como quedaría con mi banner:

Enlázame



Caja de HTML para nuestro banner

jueves, 11 de junio de 2009 3 comentarios
Mediante éste código, conseguiras un widget con la imagen del banner de tu blog y una caja de html con el código de tu banner.

El código es éste:

<a href="url de tu página" target="_blank"><img src="url-de-la-imagen"/></a>
<textarea><a href="url-de-tu-página " target="_blank">
<img src="url-de-la-imagen"/></a></textarea>


Tan solo modificamos la "URL de la página" (2 veces) y la "URL de la imagen" (otras 2 veces).

Y quedará algo así:





Espero que os sirva, y para cualquier duda, podéis dejar un comentario. Un saludo!!

Agregar a favoritos

1 comentarios
Éste sencillo código permitirá ofrecer a nuestros visitantes la posibilidad de Agregar a favoritos nuestro blog o web.

<a href="javascript:window.external.AddFavorite('URL de la página','Titulo de la página');">Agregar a favoritos</a>

Tan solo cambiamos la parte de rojo por la URL de nuestra página o blog, y la parte de azul por el título que saldrá en la ventana de Agregar a favoritos.

Quedaría así:

Agregar a favoritos

Crea fácilmente una presentación con Slide

martes, 9 de junio de 2009 0 comentarios
Si tienes un blog o una web y quieres crear una pequeña (o grande) presentación subiendo imágenes tanto de tu equipo como de otras webs; Facebook, PhotoBucket, Flickr, etc, sin duda te vendrá muy bien esta página gratis y muy rápida: http://www.slide.com/

Pudes crear tanto presentaciones de fotos, como poner retoques divertidos a tus imágenes, animaciones y clips a tus videos...

Y todo ésto gratis, aunque claro puedes registrarte rápidamente para después poder modificar todas tus creaciones!!

Directorios para promocionar tu blog:

lunes, 8 de junio de 2009 0 comentarios
Aquí os dejo una buena lista de muchos directorios que existen actualmente en la red, y que son muy útiles para promocionar tu blog gratis en internet.

Blogger Directorio , (blog dirigido por mí, por cierto)
http://www.directorio-blogs.com/
http://www.esdirectorio.com/
http://www.directorio-blogs.net/
http://directorio-de-blogs.com/ (Muy bueno, os lo recomiendo)
http://www.zapin.info/directorio-blogs/
http://www.directorioblogs.es/
http://directorio-de-blogs.net/
http://www.blogust.com/
http://www.blogalaxia.com/
http://www.zuloblog.com/
http://bitacoras.org.es/
http://directorio.org.es/

También puedes salir en el directorio de Google: http://www.google.es/dirhp

Y salir en Google, por supuesto, es gratis, solo tienes que ir aquí: http://www.google.es/addurl/?continue=/addurl

La revolución de los blogs: Plataformas para la creación de Bitácoras

sábado, 6 de junio de 2009 0 comentarios
Desde hace unos años los blogs (término por Peter Merholz) se han convertido en una revolución e iconos en el mundo de Internet.

Actualmente, según se pueden ver en los perfiles de Blogger (Solo Blogger, eh!), en España únicamente, hay aproximadamente unos 10.000.000 de blogs.


Aquí podéis ver las plataformas más importantes, entre las que destacan Blogger y Wordpress:



Todo el mundo la conoce, ¿no?. Fue creada por Pyra Labs, en 1999, y actualmente es propiedad de Google. http://www.blogger.com

-----


Otra plataforma muy conocida, que puede ser por web (http://es.wordpress.com/ ), o con software(http://wordpress.org/). La versión de Software fue creada por Matt Mullenweg, en 2003.



Blogia, una plataforma más "española", creada en 2003 y con sede en Zaragoza. http://www.blogia.com
--------


Plataforma creada en Abril de 1999, por Brad Fitzpatrick, mayoritariamente en Inglés, aunque también se puede utilizar en Español (http://www.livejournal.com/)

Bitácoras.com, red social de bloggers, creada por José Luis Perdomo en Septiembre de 2003. http://bitacoras.com/



Over-Blog, plataforma originalmente francesa, que actualmente también está disponible en español.
Fue creado en 2004. http://es.over-blog.com/


Obolog, plataforma de blogs reciente y disponible en español. Proyecto de NexoBlogs. http://www.obolog.com/

Contacto

0 comentarios
Para contactar conmigo por cualquier duda, sugerencia, pregunta, etc., tan solo tienes que rellenar el siguiente formulario que llegará a mi correo:

También puedes mandarme un e-mail a javiermedina96@gmail.com o dejar un comentario en ésta o las demás entradas.
Recuerda que yo estaré encantado en responder a vuestras preguntas y sugerencias. :)

Inserta música en tu blog

viernes, 5 de junio de 2009 0 comentarios
Si deseas insertar un widget de música, ésta página, que seguro que muchos conocerán, te vendrá fenomenal.


Entra en http://www.goear.com/index.php , y escribe el nombre del artista o de la canción que quieras buscar.

Tras elegir la canción, copia el código que sale en "This song in your site:" y pégalo en una entrada o en un widget.

Hay un montón para elegir, así que aprovecha y escucha las mejores canciones en tu blog!!!

¿Quieres aparecer en blogs amigos?

5 comentarios
ATENCIÓN, éste apartado ya no está disponible.

Si quieres puedes dar de alta tu página en mi directorio de blogs Blogger Directorio


Gracias!!!!

Insertar "cajas" de HTML en tus entradas:

0 comentarios
Si estás interesado en poner un truco en tu blog o un código para que te enlacen, te interesará mucho esta web :

http://simplebits.com/cgi-bin/simplecode.pl

Ahí insertas el codigo Html original y te lo transformará (basicamente añadiendo <code> y </code> al principio y al final) en un codigo que puedes mostrar en un post sin que este se transforme.

Por ejemplo, que salga este codigo:

<a href="http://bloggerdirectorio.blogspot.com/">Blogger Directorio</a>

Y no ésto:

Blogger Directorio

Poner un buscador en tu blog

jueves, 4 de junio de 2009 0 comentarios
Para poner un buscador donde localizar tus entradas por ejemplo en un blog, y en especial en Blogger, tan solo necesitas poner éste codigo HTML en un widget en tu página:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input id="search-btn" value="Buscar" type="submit"/>
</form>
y quedará algo así: