Enlaces sociales para compartir artículo - Trucos blogs

Enlaces sociales para compartir artículo

Para introducir enlaces en nuestro blog para promocionar el mismo y dar a conocer determinados artículos, existen páginas destinadas a ello como son Meneame DiggIt! Del.icio.us Facebook....

Hay dos versiones, la primera sólo necesita que se copie el código, pero provoca un ligero retraso en la carga del blog, la segunda versión, por el contrario, no provoca tanto retraso pero necesita que se suban las imágenes al espacio web del foro.

He recopilado en dos códigos los enlaces para promocionar los artículos, en el primero sólo hay seis enlaces a las páginas mas usadas, en el segundo, en cambio hay 21 enlaces, incluyendo los seis del otro.

Versión reducida:

Panel de control - Plantillas - Modificar - Hoja de estilos

Introducimos lo siguiente: (Recomiendo que sea al final del todo)

Código:

.compartir {margin:10px;}
.compartir img {border:none;margin:0px;padding:0px;float:none;}
.compartir a{text-decoration:none;filter:alpha(opacity=40);opacity:0.4;}
.compartir a:hover{filter:alpha(opacity=100);opacity:1;}

Panel de control - Plantillas - Modificar - Código de la plantilla

Introducimos lo siguiente: (Recomiendo que sea a continuación de <@ArticuloTexto@>)

Código:

<div class="compartir">
<a href="http://meneame.net/submit.php?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Meneame">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/meneame.png" alt="" /> Menéame </a>
<a href="http://digg.com/submit?phase=2&amp;url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" title="Compartir artículo en DiggIt!" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/digg.png" alt="" /> DiggIt!</a>
<a href="http://del.icio.us/post?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Delicious">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/delicious.png" alt="" /> Del.icio.us</a>
<a href="http://www.facebook.com/sharer.php?u=<@ArticuloEnlaceCompleto@>&t=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Facebook">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/facebook.png" alt="" /> Facebook</a>
<a href="http://twitter.com/home?status=Leyendo%20<@ArticuloTitulo@>%20en%20<@ArticuloEnlaceCompleto@>" target="_blank" title="Compartir artículo en Twitter">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/twitter.png" alt="" /> Twitter</a>
<a href="http://www.technorati.com/faves?add=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Technorati">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/technorati.png" alt="" /> Technorati</a>
</div>

Versión extendida:

Panel de control - Plantillas - Modificar - Hoja de estilos

Introducimos lo siguiente: (Recomiendo que sea al final del todo)

Código:

.compartir {margin:10px;}
.compartir img{border:none;margin:0px;padding:0px;float:none;filter:alpha(opacity=40);opacity:0.4;}
.compartir img:hover{filter:alpha(opacity=100);opacity:1;}

Panel de control - Plantillas - Modificar - Código de la plantilla

Introducimos lo siguiente: (Recomiendo que sea a continuación de <@ArticuloTexto@>)

Código:

<div class="compartir">
<a href="http://meneame.net/submit.php?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/meneame.png" alt="" title="Compartir artículo en Meneame" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/digg.png" alt="" title="Compartir artículo en DiggIt!" /></a>
<a href="http://del.icio.us/post?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/delicious.png" alt="" title="Compartir artículo en Delicious" /></a>
<a href="http://www.facebook.com/sharer.php?u=<@ArticuloEnlaceCompleto@>&t=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/facebook.png" alt="" title="Compartir artículo en Facebook" /></a>
<a href="http://twitter.com/home?status=Leyendo%20<@ArticuloTitulo@>%20en%20<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/twitter.png" alt="" title="Compartir artículo en Twitter" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/google.png" alt="" title="Compartir artículo en Google" /></a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/yahoo.png" alt="" title="Compartir artículo en Yahoo!" /></a>
<a href="http://www.technorati.com/faves?add=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/technorati.png" alt="" title="Compartir artículo en Technorati" /></a>
<a href="http://barrapunto.com/submit.pl?subj=<@ArticuloTitulo@>&story=<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/barrapunto.png" alt="" title="Compartir artículo en Barrapunto" /></a>
<a href="https://favorites.live.com/quickadd.aspx?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/windowslive.png" alt="" title="Compartir artículo en Windows Live" /></a>
<a href="http://myjeeves.ask.com/mysearch/BookmarkIt?v=1.2&t=webpages&url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/ask.png" alt="" title="Compartir artículo en Ask!" /></a>
<a href="http://www.stumbleupon.com/submit?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/stumbleupon.png" alt="" title="Compartir artículo en StumbleUpon" /></a>
<a href="http://www.squidoo.com/lensmaster/bookmark?<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/squidoo.png" alt="" title="Compartir artículo en Squidoo" /></a>
<a href="http://slashdot.org/bookmark.pl?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/slashdot.png" alt="" title="Compartir artículo en Slashdot" /></a>
<a href="http://www.newsvine.com/_wine/save?u=<@ArticuloEnlaceCompleto@>&h=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/newsvine.png" alt="" title="Compartir artículo en Newsvine" /></a>
<a href="http://blinklist.com/index.php?Action=Blink/addblink.php&Url=<@ArticuloEnlaceCompleto@>&Title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/blinklist.png" alt="" title="Compartir artículo en BlinkList" /></a>
<a href="http://www.dzone.com/links/add.html?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/dzone.png" alt="" title="Compartir artículo en dzone" /></a>
<a href="http://www.shoutwire.com/?p=submit&link=<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/shoutwire.png" alt="" title="Compartir artículo en Shoutwire" /></a>
<a href="http://faves.com/Authoring.aspx?u=<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/faves.png" alt="" title="Compartir artículo en Faves" /></a>
<a href="http://www.simpy.com/simpy/LinkAdd.do?href=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/simpy.png" alt="" title="Compartir artículo en Simpy" /></a>
<a href="http://www.diigo.com/post?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="http://fasealfa.blogcindario.com/ficheros/blogs/diigo.png" alt="" title="Compartir artículo en Diigo" /></a>
</div>

Para evitar un ligero retardo a la hora de hacer aparecer estos códigos, se puede modificar la segunda parte del código de la siguiente forma; además de hospedar las imágenes en el espacio web del blog.

Las imágenes deben de estar en la carpeta iconos-sociales del espacio web del blog.
Las imágenes para la versión mini: http://fasealfa.blogcindario.com/ficheros/blogs/iconos-sociales-mini.zip
Las imágenes para la versión extendida: http://fasealfa.blogcindario.com/ficheros/blogs/iconos-sociales-maxi.zip

Versión reducida:

Panel de control - Plantillas - Modificar - Código de la plantilla

Introducimos lo siguiente: (Recomiendo que sea a continuación de <@ArticuloTexto@>)

Código:

<div class="compartir">
<a href="http://meneame.net/submit.php?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Meneame">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/meneame.png" alt="" /> Menéame </a>
<a href="http://digg.com/submit?phase=2&amp;url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" title="Compartir artículo en DiggIt!" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/digg.png" alt="" /> DiggIt!</a>
<a href="http://del.icio.us/post?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Delicious">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/delicious.png" alt="" /> Del.icio.us</a>
<a href="http://www.facebook.com/sharer.php?u=<@ArticuloEnlaceCompleto@>&t=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Facebook">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/facebook.png" alt="" /> Facebook</a>
<a href="http://twitter.com/home?status=Leyendo%20<@ArticuloTitulo@>%20en%20<@ArticuloEnlaceCompleto@>" target="_blank" title="Compartir artículo en Twitter">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/twitter.png" alt="" /> Twitter</a>
<a href="http://www.technorati.com/faves?add=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank" title="Compartir artículo en Technorati">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/technorati.png" alt="" /> Technorati</a>
</div>

Versión extendida:

Panel de control - Plantillas - Modificar - Código de la plantilla

Introducimos lo siguiente: (Recomiendo que sea a continuación de <@ArticuloTexto@>)

Código:

<div class="compartir">
<a href="http://meneame.net/submit.php?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/meneame.png" alt="" title="Compartir artículo en Meneame" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/digg.png" alt="" title="Compartir artículo en DiggIt!" /></a>
<a href="http://del.icio.us/post?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/delicious.png" alt="" title="Compartir artículo en Delicious" /></a>
<a href="http://www.facebook.com/sharer.php?u=<@ArticuloEnlaceCompleto@>&t=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/facebook.png" alt="" title="Compartir artículo en Facebook" /></a>
<a href="http://twitter.com/home?status=Leyendo%20<@ArticuloTitulo@>%20en%20<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/twitter.png" alt="" title="Compartir artículo en Twitter" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/google.png" alt="" title="Compartir artículo en Google" /></a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/yahoo.png" alt="" title="Compartir artículo en Yahoo!" /></a>
<a href="http://www.technorati.com/faves?add=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/technorati.png" alt="" title="Compartir artículo en Technorati" /></a>
<a href="http://barrapunto.com/submit.pl?subj=<@ArticuloTitulo@>&story=<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/barrapunto.png" alt="" title="Compartir artículo en Barrapunto" /></a>
<a href="https://favorites.live.com/quickadd.aspx?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/windowslive.png" alt="" title="Compartir artículo en Windows Live" /></a>
<a href="http://myjeeves.ask.com/mysearch/BookmarkIt?v=1.2&t=webpages&url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/ask.png" alt="" title="Compartir artículo en Ask!" /></a>
<a href="http://www.stumbleupon.com/submit?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/stumbleupon.png" alt="" title="Compartir artículo en StumbleUpon" /></a>
<a href="http://www.squidoo.com/lensmaster/bookmark?<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/squidoo.png" alt="" title="Compartir artículo en Squidoo" /></a>
<a href="http://slashdot.org/bookmark.pl?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/slashdot.png" alt="" title="Compartir artículo en Slashdot" /></a>
<a href="http://www.newsvine.com/_wine/save?u=<@ArticuloEnlaceCompleto@>&h=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/newsvine.png" alt="" title="Compartir artículo en Newsvine" /></a>
<a href="http://blinklist.com/index.php?Action=Blink/addblink.php&Url=<@ArticuloEnlaceCompleto@>&Title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/blinklist.png" alt="" title="Compartir artículo en BlinkList" /></a>
<a href="http://www.dzone.com/links/add.html?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/dzone.png" alt="" title="Compartir artículo en dzone" /></a>
<a href="http://www.shoutwire.com/?p=submit&link=<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/shoutwire.png" alt="" title="Compartir artículo en Shoutwire" /></a>
<a href="http://faves.com/Authoring.aspx?u=<@ArticuloEnlaceCompleto@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/faves.png" alt="" title="Compartir artículo en Faves" /></a>
<a href="http://www.simpy.com/simpy/LinkAdd.do?href=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/simpy.png" alt="" title="Compartir artículo en Simpy" /></a>
<a href="http://www.diigo.com/post?url=<@ArticuloEnlaceCompleto@>&title=<@ArticuloTitulo@>" target="_blank">
<img src="<@UrlBlog@>/ficheros/iconos-sociales/diigo.png" alt="" title="Compartir artículo en Diigo" /></a>
</div>

Por supuesto que todos los códigos pueden ser modificados.

Editado por Iosuiscloud, Sábado, 27 de Junio de 2009, 13:31