20 d’agost 2007

Incluir botones para enviar notícias a Menéame y Fresqui desde el nuevo blogger 2

Ayer estuve modificando mi blog para que en la parte inferior de cada noticia apareciesen los botones para enviar noticias al Menéame y Fresqui.
La información que aquí pongo la conseguí buscando por google y varios blogs en los que las soluciones que ofrecían funcionaban parcialmente y que tuve que modificar un poco para que funcionasen correctamente.

Aquí explico el resultado final que es bastante simple de implementar.

Primero de todo iremos a las Opciones de configuración -> Plantilla -> Edición de HTML y marcaremos la casilla "Expandir plantillas de artilugios".


En la parte del código HTML buscaremos el principio de la siguiente cadena de texto:


<p class='post-footer-line post-footer-line-3'


Y la sustituiremos completamente por esta otra:


<p class='post-footer-line post-footer-line-3'>
<a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img align='absbottom' src='http://www.puigdelescols.com/extras/meneame.png' style='border:none;' title='Envia la notícia al Menéame'/></a>
<a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img align='absbottom' src='http://www.puigdelescols.com/extras/fresqui.png' style='border:none; ' title='Envia la notícia al Fresqui'/></a>
</p>



Y esto es todo lo que hay que modificar en blogger 2 para que aparezcan bajo cada artículo las imágenes del Menéame y de Fresqui y qualquier usuario pueda subir el artículo pulsando encima y siguiendo los pasos correspondientes.

Cómo podéis ver las imágenes meneame.png y fresqui.png las he alojado en mi web www.puigdelescols.com pero las podéis alojar dónde queráis cambiando el origen en el código.
El texto "Envia la notícia al Menéame" o el "Envia la notícia al Fresqui" se pueden modificar a vuestro gusto, es el texto emergente que aparece al situarse sobre la imagen.

Espero que os sirva de ayuda y que no me haya equivocado en nada.
Saludos.

28/08/2007: He realizado una pequeña modificación en el código ya que al visualizarse en la notícia no aparecía el &amp; delante del title... ahora con copiar/pegar os debe funcionar correctamente...



16 comentaris:

mossèn ha dit...

curiós ... salut

ev3c ha dit...

Eduard... tu tot ho trobes curiós. :-))))

mossèn ha dit...

curiós, però cert !!! ... salut

kalateur ha dit...

Ya he añadido los botoncitos a mi blog. ¡¡Muchas gracias por la info!!

(Los png los he subido a blogger para no sobrecargar tu servidor)

ev3c ha dit...

Hola kalateur.
Encantado de que el apunte te haya sido de utilidad.
Saludos!

Anònim ha dit...

¿y esto sirve para añadir una entrada de tu blog a meneame o para menear o votar una noticia?

ev3c ha dit...

Hola Anónimo.
Si añades el código fuente (cómo he hecho yo en mi blog) sirve para que aparezcan debajo de cada apunte las imágenes del menéame y así cualquier persona que vea una entrada en el blog (el tuyo o el mio o el de cualquiera que añada el código) pueda enviar esa entrada automáticamente al menéame para que allí la gente la vote. Es para hacer más fácil el proceso de enviar una entrada al menéame.
Saludos!

gux ha dit...

Muchas gracias por la info! Me ha venido genial!

Por curioso que parezca, me ha costado un montón encontrar en google algo para poner los botoncitos. Lo único que encontraba, hasta que he llegado aquí eran para la versión anterior de Blogger.

ev3c ha dit...

Hola gux.

De nada... para eso está puesta la información en el apunte... para ser compartida y usada...
A ver si meneas o frisqueas la noticia y así tengo más visitas. :-)

Adéu!

Anònim ha dit...

No soy capaz de encontrar la dichosa linea en mi html....

ev3c ha dit...

¿Utilizas el blogger 2?
¿Ya has marcado la casilla "expandir plantilla de artilugios"?
Saludos!

Onesimo Flores Dewey ha dit...

Muchas gracias! Acabo de anadir los botones a mi blog. Muy util!

ev3c ha dit...

De nada Onesimo!
Saludos!!!

julio ha dit...

Gracias ya lo integre en mi blog
Legado de Aquiles >

DeMoN ha dit...

Hola a mi me a sido un poco diferente en vez de p class='post-footer-line post-footer-line-3'

tengo div class='post-footer-line post-footer-line-3'/

pero lo hize igual cerrando con /div en vez de con /p y funciono, podeis visitar mi blog nuestrasfrikadas.blogspot.com

ceaccm ha dit...

mersi per aket post ma nat molt b