jueves, 19 de julio de 2007

Utilidades para Blogger y otros (Blogs de Google)

Aquí voy a poner un par de utilidades para los que tienen Blogs en Blogger (servicio de creación y alojamiento de blogs propiedad de Google.)

- Como eliminar la barra superior de Blogger:


Bastará con introducir unas líneas de código en el editor html de la plantilla. Tan solo será necesario colocar este trozo de código entre las etiquetas <>:

< type="'text/css'"> #navbar-iframe { height:0px; visibility:hidden; display:none ; } < /style >
*Hay algunos espacios que se han de eliminar (ya que sin esos espacios no me mostraba el código).

Y la barra superior desaparecerá.

- Como añadir un cuadro de búsqueda en Blogger:

Clicando en este botón:

O también puedes ir a Blogger Draft que hay elementos nuevos en fase de pruebas (beta), entre ellos un buscador y para realizar encuestas.

Para terminar recomiendo MuseStorm. Una web donde encontrarás cantidad de widgets y otras utilidades para tu Blog.

ACTUALIZADO 05/08/07!!!!

Para poner emoticonos en Blogger haz lo siguiente:

1 - Copia y pega en los heads de tu blog el siguiente código:



2 - Cambia el en tu blog por:
<body id="body" onload="replaceText();">

3 - Guarda y publica!


Share This para Blogger

Post original: El Blog de Loretahur

Esta vez he incluido una novedad en la parte inferior de cada post, eliminando los botoncitos para mandar la entrada a Del.icio.us, Menéame, etc.. y poniendo un único enlace (Comparte este post) en el que, pinchando sobre él, surge una ventana flotante como ésta:


El código está sacado del plugin para wordpress Share This de Alexking que descubrí en este post de Álvaro.

Si queréis incluirlo en vuestros blogs, las instrucciones son las siguientes (para plataforma Blogger):

  1. Deberemos subir a algún sitio accesible el fichero prototype.js. Yo lo he puesto en mi espacio de Google Pages. ¿Y qué es eso de prototype? Pues como bien nos indica la wikipedia, se trata de un framework basado en JavaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones web. Es decir, un grupo de funcionalidades que ya están desarrolladas y que nosotros sólo tenemos que usarlas.
  2. Una vez tengamos ya una ruta para ese framework, en nuestra plantilla de blogger, entre las etiquetas <head> y </head> agregaremos la siguiente línea:
    <script type="text/javascript" src="ruta/prototype.js"> </script>
    Donde ruta/prototype.js es la dirección donde hemos dejado el fichero prototype.js.

  3. Copiamos el siguiente código también entre las etiquetas <head> y </head>.

  4. Agregamos las siguientes líneas dentro de nuestro CSS (entre las etiquetas <style type="text/css"> y </style>)

  5. Donde queramos colocar la frase de Comparte este post (o la que más rabia nos dé), agregaremos lo siguiente:
    <a href="#" onclick="akst_share('<$BlogItemNumber$>', '<$BlogItemPermalinkUrl$>', '<$BlogItemTitle$>'); return false;" title="Mandar a del.icio.us, technorati, etc." id="akst_link_<$BlogItemNumber$>">Comparte este post</a>

  6. Para finalizar con la receta, agregamos este otro código en la parte final de nuestra plantilla (yo recomiendo que sea justo encima de la etiqueta </body>).
Con esto tendríamos ya nuestro bizcocho terminado y listo para servir. Por supuesto, yo sólo he incluido enlaces para mandar a menéame, fresqui, del.icio.us, technorati, digg y blinklist pero se podrían poner muchos más (eso lo dejo a vuestra elección).

Actualización 17-01-06: he subido todos los ficheros necesarios en un zip. Os lo podéis descargar aquí.


Vía: El Blog de Loretahur
Vía: BloggerEmoticons.be
Enlace: MuseStorm

12 comentarios:

Biomega dijo...

Gracias por el tip, ya lo puse en mi blog ;)

ebmiutlte dijo...

De nada, me alegro que te haya servido a ti también ;).

Anónimo dijo...

Fantásticos trucos para mi Blog en Blogger :D lo del buscador me ha encantado y la barra de arriba, ahora mi blog está como yo quería jijijijiji

ebmiutlte dijo...

Aviso para los que intenten poner "Share it" en Blogger. Yo lo he probado y no lo he conseguido... no sé que hago mal. Tendré que preguntarlo...

Ely´s dijo...

:) thanks

Predicas-Integracion dijo...

hola... amigo.. en que parte exactamente debo colocar el codigo de la barra de alla arriba

ebmiutlte dijo...

Que barra de alla arriba? te refieres a la barra superior de Blogger?

Anónimo dijo...

Yo tengo una duda, se podrian cambiar los emoticonos en lugar de los que vienen (diferentes a los que tienes)?

ebmiutlte dijo...

Si que se pueden cambiar los emoticonos. Solo has de subir los nuevos emoticonos a un servidor y cambiar el enlace que hay puesto por el emoticono nuevo ;)

Si tienes alguna duda más no dudes en preguntar.

Anónimo dijo...

ups sorry delete plz [url=http://duhum.com].[/url]

Anónimo dijo...

ups sorry delete plz [url=http://duhum.com].[/url]

Anónimo dijo...
Este comentario ha sido eliminado por un administrador del blog.