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:
3 - Guarda y publica!
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):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).
- 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.
- 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.- Copiamos el siguiente código también entre las etiquetas
<head>y</head>.- Agregamos las siguientes líneas dentro de nuestro CSS (entre las etiquetas
<style type="text/css">y</style>)- 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>- 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>).
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
10 comentarios:
Gracias por el tip, ya lo puse en mi blog ;)
De nada, me alegro que te haya servido a ti también ;).
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
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...
:) thanks
hola... amigo.. en que parte exactamente debo colocar el codigo de la barra de alla arriba
Que barra de alla arriba? te refieres a la barra superior de Blogger?
Yo tengo una duda, se podrian cambiar los emoticonos en lugar de los que vienen (diferentes a los que tienes)?
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.
Publicar un comentario