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='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Technorati'><img alt='Agregar a Technorati' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzOakklclbPVxvjRspFppVio69mTSDulRW0fXzZXknj9hj3fbMbi8PVv9pb7vHLWQ6XQqNTfzB1USXTLDbnbIeHHl_CMrYT_caYJwUuQSEkSEVng6Wfu_av2CnuFWKsbwS9mEeceHkceA/s1600-r/technorati.gif'/></a>
<a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Twitter'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_AFJsOm9AVNnS9X0kBg1kEVUhO_Q4hE49XZBe2buevMpXeaMaMqTunMJY6GK1Q3kx1AUyHClWc6tmbbD0JMzP35Nm1QZWrGm_sB4eIM5gL3tPknVPvPtq8emlQs4t5YKHftzp1N7Sen0/s1600-r/twitter.png'/></a>
<a expr:href='"http://bitacoras.com/votar/anotacion/externo/mini/" + data:post.url + "&title=" + data:post.title' target='_blank' title='Insertar en Bitácoras'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA8FmldhkosBqhgff8YL5XIsLKF8gmmEZgU47AxhFpOOKqSHHOojEzbgpacOGBcpYlDwhdzUe7dzwsdAS5IkK1Oc-pQqQjbUsRvKf8K0t19iEAu8FVFRvY6P7-o2CpL7DxtUlN6jFcI5o/s1600-r/bitacoras.png'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Reddit'><img alt='Agregar a Reddit' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh84lIe7KioCCgKMChEbZXnEt1LRG-PPB_9cJNlpkgwyOmo1qK5ISUSJieR-3SwfoCBQzLFf15NyOwzn3iWcq6-Yne_d-BQxIhgwaX3yDv1dMYZjWpjIImWPEy7SQuiar4uoDiRklD4eBo/s1600-r/reddit.png'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Del.icio.us'><img alt='Agregar a Del.icio.us' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjygjFDFXn0VwRKDRzRSBjvWtLP7LDMjHkaMtKT25ToHyh98I4AEQxbpSccQdru6OUNm0eciU0-K8Hds1X5Eywrm7utrwzoLG35053t3AffBywXaMxy8HxIgYh7jnnryvE6jE2MKE1meLo/s1600-r/delicious.gif'/></a>
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + 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='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Blinklist'><img alt='Agregar a Blinklist' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifAeqmq5qUdwtfe1v13bUq_UPJTWCFgrg_dYuK47qO4ZDe2CuFnf56EkdlXUKDgAQK64eCPU5xKUQzMn3Y4qmsZ1CrZLsS6eWaG8zueBsgeFxj3KzD43_Pn6RFjz50nVHIIuqFY3Cp-Dg/s1600-r/blinklist.png'/></a>
<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Google'><img alt='Agregar a Google' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOwIipfIOIzljhek7OGTOnl3Iij2s-rqLrji6fmKf9C0JeC4zQQ9PYgEHmt6MyZFnoxnERUlqoN0kDto8oEGn0b-xsFJPFDPXCHSnq7ldIEAlq4WYsvlrrvuSZdGYQw6loVUSEYzHF-K0/s1600-r/Google.png'/></a>
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVg48KYSrcUTjgjPOslgsLN1mslxHk5ubamDtklO5OHsThrTek6Aji0cJiaV-c6hpuk_P-uCs2YMvXVoWRWPXspQIQpA3AkhPHpFnYyK18FEcqBenWoceJdJpZzBNIzfTN1tWwcIDdAc0/s1600-r/diggit.png'/></a>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Añadir a Facebook'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiojcQX-LziV3fX3_PFE-DubArCC0ctw31qIc1c_CV2bxcfazIw4gX0NYThqCrquc6stACIrszzSGl6LVO6cDtVVX0dyIWLlqhfBakKgrg6cpr9fSw6JE8wCm2ZrJya3qiJH8DoFA2Plc/s1600-r/facebook.png'/></a>
<a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Agregar a Meneame'><img alt='Agregar a Meneame' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA157f7L18MZu7mv0XF90VCqW8gZkjvSNKobo-gkBvAFmxyoREyN9Vtkaf0ItGS2izpaj9cEUV3qDtuqZnYh7Z8rOLOimEt8rZxoxtSKxKPZvNjCbFa0FQMMftnacUOLBzIHNQb4ZJmmg/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.
¿Problemas al comentar? Utiliza 
gracias jaime segun he podido ver en blogs esta otra vez de moda jejejejeje gracias por el aporte
besitosssss
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.
Elisabeth, yo pienso que en realidad siempre estará de moda (compartir artículos es algo genial), jajajaja ;).
¡Me alegro Pilot! jajaja, Pero... ¿Como que no te sale nada al expandir artilugios? ¿Te da algún error? :S.
Muchas Gracias amigo.. Lo Pense Mucho Antes De Acceder Para Intalar esto.. hasta que decidi... y me gusto como quedo!
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 ;).
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!
Gracias Jaime. Ya lo he colocado.
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!
Yanara, gracias a tí por haberlo hecho ;).
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!!!!
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!
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 !!!!
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) ^^.
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
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 ;).
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??
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 "".
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!
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 !!
JAIME!!
ya lo logre!!estuve dos horas pero me salio!!!jajja!!!probando y probando me salio!!
gracias como siempre!!
un beso!!
cludia maricic
¡Estupéndo, Cocofansclub! Te han quedado perfectos, sobre todo el icono de YouTube (¡con el tamaño justo!).
Abrazos ^^.
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 !!!
¡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.
Hola Jaime, ya he puesto los marcadores sociales y genial!!
Muchas gracias, saludos desde Tenerife (creo que somos casi vecinos):)
Hola Nuria! Cuánto me alegra que los hayas instalado. Por supuesto, somos vecinos muy cercanos ;).
Abrazos!
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
DFC, intenta incluir el código justo después de <!--Fin iconos sociales footer el balcon -->.
Otro truco llevado a cabo con éxito. Muchas gracias, Jaime, ¡QUÉ CONTENTA ESTOY HOY! Besitos.
¡Cuánto me alegra oír eso Driwrgy!
Abrazos.
que pasada, me gusta mucho. Llevaba tiempo buscando esto, gracias a ti Jaime fue posible.
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?
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.
¡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.