La taza de café

Image by dicau58 via Flickr

Antes de pasar al post de hoy quiero disculparme por el de ayer. Los lectores subscritos y algunos visitantes furtivos pudieron ver durante algunos segundos ese post extraño donde se mencionaba un código que nunca apareció. Pido disculpas. El post fue retirado hasta que logre entender qué fue lo que pasó que vi el código en Vista Previa, y cuando miré de nuevo, ya no estaba allí. Les debo ese post sobre el número de comentarios y de entradas para una próxima vez. No se preocupen, daré con la respuesta, como dice un amigo blogger, "no hay tareas difíciles, sino hombres (y mujeres) holgazanes".

Ahora pasemos al truco de hoy.

Las redes sociales son una potencia hoy en día, y tu blog puede beneficiarse de ellas. Un lector que comparta una sóla de tus entradas o posts con su red de amigos en Facebook o en Twitter puede promocionar de una manera más que efectiva el contenido de tu página. Para ello son estos dos botones de "Compartir en Facebook" y "Compartir en Twitter" que harán que tras pinchar, y tras un par de segundos, el lector de tu blog pueda llevar hasta cientos de lectores potenciales el post que fue de su agrado.

Aquí te dejo en dos secciones, distintos modos de colocar estos botones. En la primera sección, hallarás varias formas de incluir el botón "Compartir en Facebook". En la segunda encontrarás dos opciones de colocar el botón "Compartir en Twitter".
Los botones que escojas debes colocarlos en la pestaña “Diseño”, luego "Edición HTML", y una vez allí buscar (ayúdate con el comando Ctrl F) la siguiente línea: p class='post-footer-line post-footer-line-3'; justo después de esta coloca tú código.



Botones "Compartir en Facebook"

Para botón simple (solo el ícono de Facebook)


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a>



Para texto solamente (con la frase "Compartir en Facebook")




<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Compartir en Facebook</a>


Las dos opciones anteriores juntas (ícono de Facebook más la frase "Compartir en Facebook"):


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Compartir en Facebook</a>


Como un botón con la frase "Compartir" más símbolo de Facebook




<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Compartir</a>



Botones "Compartir en Twitter"

Como texto (el link con el texto "Compartir en Twitter":




<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.url + " en " + data:blog.title' class="btwitter" title="Compartelo en Twitter">

       Twitter

      </a>



Como imagen (debes hacer una imagen tú mismo y alojarla en un sitio que ofrezca el servicio de subir archivos de imágen, como Image Schack, luego coloca la dirección en el texto de la imagen una vez subida en el código, luego de src):




<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.url + " en " + data:blog.title' class="btwitter" title="Compartelo en Twitter"><img src="http://sitio-de-alojamiento.com/twitter.png" alt="Twitter icon"/></a>


¡Buena suerte!