Blog en Construccion!...: Botones de Redes sociales en Blogger

En la siguiente entrada presentamos Botones para compartir de distintas redes Sociales como por ejemplo (Facebook,Twitter,Yahoo y Muchos mas)

Método de instalación:
Primero que todo Vamos a descargar la plantilla por si pasa algún problema
Luego vamos a ''Diseño/Edición HTML'' y marcamos la casilla ''Expandir plantillas de artilugios''.
Y Buscamos el siguiente código:

<div class='post-footer-line post-footer-line-1'>

Luego debajo de este codigo pegamos el Siguiente:

<b:if cond='data:blog.pageType == "item"'>

Compartir: 

<a class='twitter' expr:href='"http://twitter.com/home?status=" + data:post.title + ": " + data:post.url' rel='nofollow' target='_blank' title='Twittear'><img src='https://lh3.googleusercontent.com/-ZMNstTQBIDA/TYLOGEj41uI/AAAAAAAAAdM/n_4rUoHcKJo/s1600/twitter.png' width='20'/></a>

<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url+ "&title=" + data:post.title' rel='nofollow' target='_blank' title='Compartir en Facebook'><img src='https://lh4.googleusercontent.com/-CUtQ6kBQkTg/TYLOEdjw_AI/AAAAAAAAAdA/pHni6wywITA/s1600/facebook.png' width='20'/></a>

<a class='bitacoras' expr:href='" http://bitacoras.com/anotaciones/" + data:post.url' rel='nofollow' target='_blank' title='Votar en bitácoras'><img src='https://lh3.googleusercontent.com/-Z9X-AI4uGNQ/TYLOBBjsfeI/AAAAAAAAAc0/aaEwZKR8SQI/s1600/bitacoras-icon-32x32.png' width='20'/></a>

<a class='correo' expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Enviar por correo electrónico'><img src='https://lh4.googleusercontent.com/-Jb5gGPDOOX8/TYLODuJDYyI/AAAAAAAAAc8/Xr2fRGg5dg4/s1600/email-icon32x32.png' width='20'/></a>

<a class='digg' expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Digg This'><img src='https://lh4.googleusercontent.com/-ovYjTuczvP8/TYLOBtxn9uI/AAAAAAAAAc4/ujelP_eOGkw/s1600/digg.png' width='20'/></a>

<a class='technorati' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Technorati'><img src='https://lh4.googleusercontent.com/-kifpteRdxIk/TYLOEx5-UJI/AAAAAAAAAdE/oWKd5B0WAvo/s1600/ico-technorati.png' width='20'/></a>

<a class='reddit' expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Reddit'><img src='https://lh4.googleusercontent.com/--2hhGo7v2RI/TYLOAjXHAHI/AAAAAAAAAcw/ZI_j2-1_46c/s1600/aquaticus_reddit.png' width='20'/></a>

<a class='stumbleupon' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Stumbleupon'><img src='https://lh5.googleusercontent.com/-61QRpCrOQvo/TYLOFTJJclI/AAAAAAAAAdI/CrXhPYboPp4/s1600/stumbleupon.png' width='20'/></a>


</b:if>

Guardamos los cambios y ya tendremos nuestros Marcadores Sociales.

Quedara algo Asi:

Modificaciones:

Si deseas cambiar la alineación a la izquierda, cambias float: right por float: left.
Si deseas que los botones aparezcan en la página principal, elimina los siguientes códigos:

<b:if cond='data:blog.pageType == "item"'>
</b:if>

Y por ultimo Si deseas agregar mas Marcadores (Botones) podemos agregar los siguientes:

Para Menéame:

<a class='meneame' expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Menéame'><img src='https://lh5.googleusercontent.com/-HVcm_XsxUVk/TYLQLs0EnAI/AAAAAAAAAdQ/pZrci3MKVec/s1600/meneame.png' width='20'/></a>

Para Delicious:

<a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Delicious'><img src='https://lh3.googleusercontent.com/-1sMwHkUe9vU/TYLQmuhuhDI/AAAAAAAAAdU/ophW59l0LNU/s1600/delicious.png' width='20'/></a>

Para Yahoo:

<a class='yahoo' expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Yahoo!'><img src='https://lh4.googleusercontent.com/-I4WPVCQiiig/TYLRCF3tykI/AAAAAAAAAdY/JlTT9qyBUmM/s1600/yahoowidth='20'/></a>

Para Fresqui:

<a class='fresqui' expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Fresqui'><img src='https://lh3.googleusercontent.com/--W41bK3eeVI/TYLRpFtsaKI/AAAAAAAAAdc/evQOnl5TAi8/s1600/fresqui.png' width='20'/></a>

Para Enchilame:

<a class='enchilame' expr:href='" http://enchilame.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Enchilame'><img src='https://lh4.googleusercontent.com/-61Jai6m34Os/TYLTc4aq-PI/AAAAAAAAAdg/IJ9-0aomBoQ/s1600/enchilame.png' width='20'/></a>

Para Apezz:

<a class='apezz' expr:href='" http://apezz.com/submit.html?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Apezz'><img src='https://lh3.googleusercontent.com/-Xkcxau9OnQA/TYLUEAIousI/AAAAAAAAAdk/ePv728wtYYM/s1600/apezz.png' width='20'/></a>

Para Myspace:

<a class='myspacee' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' target='_blank' title='Compartir en Myspace'><img src='https://lh3.googleusercontent.com/-3XMmSAIqSqs/TUt-_5lsyzI/AAAAAAAAAGU/xBZu64-48S0/s1600/myspace.png' width='20'/></a>

Estos codigos se colocan justo antes de .
Si deseas eliminar algún Servicio el código correspondiente desde <a class hasta </a>.

Fuente:
Ayuda-Bloggers.blogspot.com

Botones de Redes sociales en Blogger

Publicar un comentario

Followers

Blog Archive

Labels