Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Añadir marcadores sociales en el blog

Hace tiempo se puso de moda la típica barrita de iconos sociales que permitían compartir el post entre distintas redes sociales.

Se trata de insertar en el blog unos botones que posibiliten compartir la entrada con otros usuarios, en sitios como Technorati, Menéame, Facebook, Digg... etc.




He construido una barra para que puedas instalarla en tu blog, concretamente en el pié del post (post-footer).

Diseño>Edición de HTML>expandimos artilugios




Busca esta línea:

<div class='post-footer-line post-footer-line-3'/>

Y debajo añade este código:

<!--Iconos sociales footer el balcon -->
<b>Compartir:</b>

<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Technorati'><img alt='Agregar a Technorati' border='0' src='http://4.bp.blogspot.com/_blABMJBbYJs/SuywKmtDD9I/AAAAAAAAHPs/c6x8g9-09js/S1600-R/technorati.gif'/></a>

<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'><img border='0' src='http://3.bp.blogspot.com/_blABMJBbYJs/Suyyn9NhHJI/AAAAAAAAHQs/IsusX-i2JzE/S1600-R/twitter.png'/></a>

<a expr:href='&quot;http://bitacoras.com/votar/anotacion/externo/mini/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Insertar en Bitácoras'><img border='0' src='http://2.bp.blogspot.com/_blABMJBbYJs/SuywdrkJxUI/AAAAAAAAHP0/3t8uibwZxKY/S1600-R/bitacoras.png'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Reddit'><img alt='Agregar a Reddit' border='0' src='http://2.bp.blogspot.com/_blABMJBbYJs/SuyyGLMf8MI/AAAAAAAAHQU/jcE6dpH_15Q/S1600-R/reddit.png'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Del.icio.us'><img alt='Agregar a Del.icio.us' border='0' src='http://4.bp.blogspot.com/_blABMJBbYJs/SuyxIr8fjfI/AAAAAAAAHP8/YSyfSAb9X0w/S1600-R/delicious.gif'/></a>

<a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' border='0' src='http://img171.imageshack.us/img171/8971/digg.png'/></a>

<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Blinklist'><img alt='Agregar a Blinklist' border='0' src='http://2.bp.blogspot.com/_blABMJBbYJs/SuyySWLyJnI/AAAAAAAAHQc/S2MWWS5snCA/S1600-R/blinklist.png'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Google'><img alt='Agregar a Google' border='0' src='http://3.bp.blogspot.com/_blABMJBbYJs/Suyxuv0Gs3I/AAAAAAAAHQM/3VD-Qh71Fy4/S1600-R/Google.png'/></a>

<a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' border='0' src='http://1.bp.blogspot.com/_blABMJBbYJs/SuyxjesZvtI/AAAAAAAAHQE/4fqPstH6KWc/S1600-R/diggit.png'/></a>

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Añadir a Facebook'><img border='0' src='http://1.bp.blogspot.com/_blABMJBbYJs/SuyyfaGt7gI/AAAAAAAAHQk/606MoRAD2m4/S1600-R/facebook.png'/></a>

<a expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Meneame'><img alt='Agregar a Meneame' border='0' src='http://3.bp.blogspot.com/_blABMJBbYJs/Suyv_tYOZiI/AAAAAAAAHPk/42ZZzaBnnI8/S1600-R/meneame.gif'/></a>
<!--Fin iconos sociales footer el balcon -->

Para ver el resultado, haz vista previa y guarda la plantilla para terminar.




Ahora, cada vez que los visitantes de tu blog hagan clic en uno de esos botones, tus artículos serán compartidos y se difundirán a través de internet.

Elisabeth dice...

gracias jaime segun he podido ver en blogs esta otra vez de moda jejejejeje gracias por el aporte


besitosssss

Pilot dice...

Jaime me leiste la mente!!!!!!
Pero nunca me sale nada que se haga con expandir artilugios. No me los toma.
Tu blog me enseñó un montón de cosas.

Jaime Trujillo Escobedo dice...

Elisabeth, yo pienso que en realidad siempre estará de moda (compartir artículos es algo genial), jajajaja ;).

Jaime Trujillo Escobedo dice...

¡Me alegro Pilot! jajaja, Pero... ¿Como que no te sale nada al expandir artilugios? ¿Te da algún error? :S.

Admin dice...

Muchas Gracias amigo.. Lo Pense Mucho Antes De Acceder Para Intalar esto.. hasta que decidi... y me gusto como quedo!

Jaime Trujillo Escobedo dice...

Admin, me alegro de que lo hayas insertado entonces. Estuve viendo tu blog de documentales online y me encantó. Ahora terminé de ver el documental de La guia máxima de los gatos ;).

La Trucoteca de Blogs dice...

Hola Jaime!
La entrada esta muy completa y siempre viene bien :D
Por cierto, ya puse hace unos días tu favicon en La Trucoteca ;). Y otra cosa, no se si querrías, pero si pudieras enlazarnos en tus sitios amigos, fenomenal!
Ya sabes que nosotros ya te tenemos puesto en nuestro blog.
Ahh, y te ha quedado muy chulo el nuevo bannercico del Balcón, de verdad :D
Bueno, muchos saludos desde Murcia!

Yanara dice...

Gracias Jaime. Ya lo he colocado.

Jaime Trujillo Escobedo dice...

La Trucoteca de Blogs, me alegra que te guste.

En cuanto al favicon y el banner, ¡os lo agradezco mucho!. Por el momento no voy a enlazar más sitios (son demasiados los correos en los que me piden lo mismo) hasta que pase un tiempo.

Espero que me entendáis... (si no limito el número de sitios a enlazar El Balcón se convertirá en un directorio :S)

¡Saludos desde Gran Canaria!

Jaime Trujillo Escobedo dice...

Yanara, gracias a tí por haberlo hecho ;).

La Trucoteca de Blogs dice...

Hola Jaime!
Por supuesto que te entendemos, no hay ningún problema, de verdad ;)
Bueno! Por aqui vendremos de vez en cuando, Jaime :D :D . Anda, y eres de Gran Canaria, es verdad :D !!!
Muchos saludos!!!!

Jaime Trujillo Escobedo dice...

Hola La Trucoteca de Blogs!

Muchas gracias entonces ☺.

Siempre sereis bienvenidos al Balcón. Bueno, en realidad no soy de Gran Canaria pero vivo en ella desde hace un par de años (nací en Madrid) :D.

¡Saludos!

Gra dice...

Hola Jaime !!
Ya puse el truco !!!...Genial!!!Ahora, me pregunto como se pueden ocultar los iconos para que sólo aparezcan en las propias entradas y no en la pagina principal
Saludos y gracias !!!!

Jaime Trujillo Escobedo dice...

Hola Gra!

Simplemente tienes que añadir la condicional <b:if cond='data:blog.url != data:blog.homepageUrl'> y su cierre </b:if> al principio y al final del código de los botones (respectivamente) ^^.

Cocofansclub dice...

Hola JAIME!
muy bueno !por cierto ya lo puse en mi blog!!queria pedirte si me pasas el codigo para agregarle youtube
muchas gracias Jaime!!
saludos!!
claudia maricic

Jaime Trujillo Escobedo dice...

Cocofansclub, al decir "agregarle youtube", ¿te refieres a insertar el icono de dicho sitio web con el enlace a tu cuenta de YouTube atribuído?

Si es así, bastará con añadir el siguiente bloque antes del cierre <!--Fin iconos sociales footer el balcon -->

<a target="_blank" rel="nofollow" href="http://www.youtube.com/user/NOMBRE DE USUARIO" class="youtube"><img width="20" src="URL DEL ICONO"></a>

Reemplaza NOMBRE DE USUARIO por tu apodo en YouTube, así como URL DEL ICONO por la dirección del botón que aparecerá en el widget.

Te dejo con esta página en la que encontrarás numerosos iconos ;).

Cocofansclub dice...

Hola JAIME! si es eso exatamente lo que quiero!,pegue el codigo como me dijiste y me marca error al cerrar la plantilla,lo puse tal esta me dirias que hacer??

Cocofansclub dice...

esto es lo que me pone JAIME..

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "img" must be terminated by the matching end-tag "".

Jaime Trujillo Escobedo dice...

Cocofansclub, en el comentario 16, dentro de la siguiente línea:

<img width="20" src="URL DEL ICONO"/>

Añade el cierre que ves en negrita (/).

Con esta edición podrás guardar la plantilla.

¡Suerte!

Cocofansclub dice...

Jaime me podrias ayudar a armar como quedaria con el cierre que me decis??en esto de codigos soy fatal!!no entiendo como ubicarlo...
comentario 16 y 19
gracias !!

Cocofansclub dice...

JAIME!!
ya lo logre!!estuve dos horas pero me salio!!!jajja!!!probando y probando me salio!!
gracias como siempre!!
un beso!!
cludia maricic

Jaime Trujillo Escobedo dice...

¡Estupéndo, Cocofansclub! Te han quedado perfectos, sobre todo el icono de YouTube (¡con el tamaño justo!).

Abrazos ^^.

Gra dice...

Hola Jaime !!!
Ya quedó espectacular !!!....aunque parezca mentira lo hice sola!! Copie la forma de ocultarlo de tu post sobre "imprimir entrada"..parece mentira, je je
Gracias !!!

Jaime Trujillo Escobedo dice...

¡Qué bueno Gra! ¿Lo ves? Poco a poco se va aprendiendo y con tiempo podrás "mezclar" trucos para crear tus propias ideas.

Te quedó en una posición perfecta, como bien dices sobre el enlace de imprimir entrada.

Gracias a ti por comentar.

Nuria dice...

Hola Jaime, ya he puesto los marcadores sociales y genial!!
Muchas gracias, saludos desde Tenerife (creo que somos casi vecinos):)

Jaime Trujillo Escobedo dice...

Hola Nuria! Cuánto me alegra que los hayas instalado. Por supuesto, somos vecinos muy cercanos ;).

Abrazos!

DFC dice...

Jaime,

Como es usual tus trucos funcionan perfectamente, aún así, tengo una pregunta respecto a este gadget:
¿Como se podría incluir el link para LinkedIn al final de los que has incluido?

Gracas

Jaime Trujillo Escobedo dice...

DFC, intenta incluir el código justo después de <!--Fin iconos sociales footer el balcon -->.

Driwrgy dice...

Otro truco llevado a cabo con éxito. Muchas gracias, Jaime, ¡QUÉ CONTENTA ESTOY HOY! Besitos.

Jaime Trujillo Escobedo dice...

¡Cuánto me alegra oír eso Driwrgy!
Abrazos.

·!¦[· Fan de David Janer ·]¦!· dice...

que pasada, me gusta mucho. Llevaba tiempo buscando esto, gracias a ti Jaime fue posible.

- Silvia - dice...

Jaime, ¿qué hago si el buscador de la plantilla en HTML no da con el código div class='post-footer-line post-footer-line-3>? ¿Cómo sigo?

Jaime Trujillo Escobedo dice...

Silvia, prueba a incluirlo de la siguiente forma:

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta <data:post.body/> y justo después añade el código.

Jaime Trujillo Escobedo dice...

¡Se ve de maravilla, Fan de David Janer! Es maravilloso que al fin lo tengas instalado. Esto permitirá a tus lectores una fácil difusión de las estupendas entradas que publicas.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo