Agregar - añadir redes sociales a Blogger - Compartelo

Hace tiempo que me preguntan: ¿Cómo añadir redes sociales a Blogger? y/o ¿Para qué sirve agregar marcadores de redes sociales en Blogger? Dependiendo del blogger en cuestión, trato de hacer un mini tutorial que generalmente es vía MSN o por mail. Por esa razón he decidido compartir este post con ustedes.

Lo primero que debemos hacer es ir a nuestra Plantilla, seleccionar Edición en HTML. Luego hacemos click en el cuadrado pequeño donde dice Expandir plantillas de artilugios y la dejamos tildada (justo arriba de los códigos en HTML).

Aquí les dejo una imagen de ejemplo para que no queden dudas de lo que estaba intentando explicar.

Click sobre la imagen para verla en tamaño completo

Ahora dentro de la plantilla buscamos este código:

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

Todas las versiones de blogger utilizan el mismo.

Para encontrarlo fácilmente:

lo copiamos (CTRL+C), pulsamos (CTRL+F) para localizarlo rápidamente y lo pegamos (CTRL+V) en el cuadro que se encuentra en el pie de página. Generalmente lo encuentra en forma automática, pero eso depende del navegador que se este utilizando, de no ser así, solo hay que hacer un click en "siguiente" o "anterior", dependiendo en que lugar de la plantilla estemos ubicados.

Ver ejemplo en la imagen.

Click sobre la imagen para verla en tamaño completo

Finalmente copiamos (CTRL+C) el código que les dejo abajo y lo pegamos (CTRL+V) justo antes del código que habiamos buscado:
(<p class='post-footer-line post-footer-line-3'/>)

Compartelo: <a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Meneame'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi9F9TfuGecFtnI_qL8Se1SPwSaduyf0OGZqtEPcdpXrhCmVgsQQyKkqXrL53NuAQA7fzVDcoJ0w3iTOUQteIif-maMXIYV3qzFNHfLsNwQdbBsqx23-uqJmulToCH2PvZLBwECGTfKXo/s200/meneame.gif'/></a> |

<a expr:href='"http://www.technorati.com/search/" + data:post.url' target='_blank' title='Technorati'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuKG_75rjVqXaWt9TkRoVNNxZ1z3zk-MxOoLKCkxD02MX80kP_gGAqQKgb_KyY__LXbb7f3DjLmPo-bNbYpWXwThQCLADb9MDTrwU9xSMeBmoL3HFFCR2ZdwFITb5OxaInA6RIH-RneCc/s200/technorati.gif'/></a> |

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Del.icio.us'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy4pTP6tTm6dQLKeJDOojru5zZnztYnM53VkMIAwU62hGE5o6pjCIZLws36bf5BoyHZEyXXa-iyDzux3DVr3bCHdUnnZrSZTllJ3fbz9IzJcqLyMFyasKAPjlnwrglPNGIfGutqgPCdHE/s200/delicious.gif'/></a> |

<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiCPeaJQDTehdOBiIsixkrKxtSYyhYHprKzCqtQw4xw2IGmRDr1iuy5a78SJNpqB_opwLIcbyDo_BDfQqal4Dh51ZOqjXaFfrZQE7uQkxFLLfYGEACyQCozp5rTHrmEVJ_qZJp9_Mcuho/s200/google.png'/></a> |

<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='DiggIt!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxI0mSDwAGOwXJcyCE5Dq4lMintPPuekSOkhHVCz2g-aaFgL4CevOBi-VKeW7_Qmxz4i_ZGeY6nAEm_yynn2ZFKU2wFukzFlLavUQI1Uoi7MvuZ1gcF6Xts1LqT3vdYqo8_p2MJxmtM7g/s200/digg.gif'/></a> |

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Yahoo!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj88E2sdFGS6ZJI5IDq_I8_tLF6JVzXTVTYakoNtwKni8gAEYjFKiqO5ud7HJzgykJ6iOF74S1v6Rgd0VkNg_bleMvJlUwrq3_W5CxQR5UQZXhcbSCyvRMjbgkL2boNbOQb48gQ4WMOEeY/s200/yahoo.gif'/></a> |

<a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Fresqui'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFper_iIqjDsf_l5PVlZQ-a6Ct3QJCfraMSAaLxB5Kw6MWXOaCeD3HijOCiB3NCx6pdrm60hvJodL83C34oIubX7CBVGRzkI57mJxESO7poyoQ-9MPhPVOX-jgbFkf309USb26D_1xXg/s200/fresqui.gif'/></a>

Y así de simple tendremos añadidos, en nuestro blog, los marcadores de redes sociales. En este caso se veran igual a los que están al final de cada post en este blog.
Para agregar más redes sociales, solo deben modificar la url ( link) de la imagen que quieren colocar y el link de la nueva dirección.

Ejemplo:

<a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='Fresqui'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFper_iIqjDsf_l5PVlZQ-a6Ct3QJCfraMSAaLxB5Kw6MWXOaCeD3HijOCiB3NCx6pdrm60hvJodL83C34oIubX7CBVGRzkI57mJxESO7poyoQ-9MPhPVOX-jgbFkf309USb26D_1xXg/s200/fresqui.gif'/></a>

La dirección se encuentra en color verde y la imagen en color rojo.

Espero que les sirva. Cualquier duda o inquietud no duden en contactarse conmigo.

Nota para los lectores:

1-SIEMPRE GUARDEN UNA COPIA DE SU PLANTILLA ORIGINAL.
2-Como imaginaran este no es mi único blog, sino no podría estar haciendo un post sobre cómo o de qué manera agregamos marcadores de redes sociales en Blogger. Por lo tanto para quienes tengan un weblog en Wordpress o un sitio Web, donde tengan acceso para editar HTML, también trataré de ayudarlos.