Marcadores Sociales para compartir en Blogger
El uso de marcadores sociales en un blog permite a los usuarios compartir tus contenidos en distintos servicios web, es muy útil para aumentar visitas, conseguir seguidores y ampliar tu influencia en la web.
Existen distintas versiones, pero ninguna me llamó mucho la atención, por lo que decidí crear mi propia versión y en esta oportunidad la comparto con ustedes.
Vista previa de los marcadores sociales:
Primero, vamos a ''Diseño/Edición HTML'' y marcamos ''Expandir plantillas de artilugios''.
Buscamos el siguiente código:
Guardamos los cambios y listo:
Existen distintas versiones, pero ninguna me llamó mucho la atención, por lo que decidí crear mi propia versión y en esta oportunidad la comparto con ustedes.
Vista previa de los marcadores sociales:
¿Cómo instalar estos marcadores en Blogger?
Primero, vamos a ''Diseño/Edición HTML'' y marcamos ''Expandir plantillas de artilugios''.
Buscamos el siguiente código:
<div class='post-footer-line post-footer-line-1'>Debajo de este código pegaremos el siguiente:
<b:if cond='data:blog.pageType == "item"'><span style='float: right; '>
<b>Compartir: </b>
<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>
</span>
</b:if>
Guardamos los cambios y listo:
Consideraciones:
- Si deseas cambiar la alineación a la izquierda, cambias float: right por float: left.
- Cambiar Compartir: por el mensaje que irá antes de los iconos.
- 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>
- Si deseas agregar otros servicios, puedes utilizar estos códigos:
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/yahoo.png' width='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>
Nuevos:
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>
Para Blogger:
<a class='shblogger' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title ' rel='nofollow' target='_blank' title='Compartir en Blogger'><img src='https://lh5.googleusercontent.com/--XlBitL13CA/TUt-3Mh5MoI/AAAAAAAAAEw/TBRYqetuXB4/s1600/blogger.png' width='20'/></a>
- Estos códigos deberás pegarlos antes de </span>.
- Recuerda que si deseas eliminar un servicio, elimina el código correspondiente desde <a class hasta </a>
- Si deseas que agregue otro servicio, pídelo en los comentarios.
