Buscar este blog

15 feb 2010

Como hacer botones para compartir tus posts

Cuando escribes un gran articulo, quisieras compartirlo con los que mas puedas, asi tal vez te haces conocido y te vuelves un blogstar. Y aquí es cuando llega el momento de aprovecharse de las redes sociales de moda, usando botones para compartir. Como los que puedes apreciar en la siguiente imagen

 

Lz 91 Como podras apreciar tenemos a los dos grandes Facebook y Twitter, tambien tenemos a Technorati y recientemente hemos incluido a Buzz! de Google que tal vez se llegue a imponer, aunque despues de ver a Google Bookmark, que nos recordo que por que un producto sea de Google pueda llegar a ser popular.

 

Ahora veamos como podemos lograr obtener estos botones primero debemos ir a Diseño>Edicion de Html>Expandir plantillas de artilugios y apretamos Ctrl+F y buscamos

 

<p class='post-footer-line post-footer-line-2'>


Lz 90



Aunque tambien puedes buscar post-footer-line-3, la cosa es llegar ahi y despues colocar el siguiente codigo



 




<div class='rsociales'>

<span class='post-icons'>


<ul>



<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5miXe_H8DMXhtCuJYBSpD7WJEVY__ynXx962_YxTreMKA00AoobLXMk-BDn2ZbNCoaqrZa4kb0btiHWCsd9BMYhHvjtdHUo3cjWy1ZjRI7xjp1ttRXTx8_gNCCrLLDiF4_JVjsaGLKUab/'/></a>



<a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Tweet this' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqYg2c__BreQsRFx2uPVtNRGsy1UYYZe0CV_WSG6UX6r5z4pWAYXkA1kfaGdyHk2gdGQUPbo4HBlVgc20djZi016Uvrh2Tm3qvpyWr3_eaJofoRdSDwrOn8joRAhIP_dFCVEmofp56clj/'/></a>



<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='Buzz This' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOwPqdyU0p-we9h-V6RR9s5vH449aVZLZJpQaTPa68M2d9OxaY9epWk7yTDdm5R9lbc50BCFI7GluynAqtfTRejLU0QXSZsIiT8stDmJXJUPZaHAQ1PoRlOj5hAQvqaC3VbOm9xa6HYxy/'/></a>



<a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Share this' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk6ZK6gjJXQtr1nJZtgZjnK_eFZ_iLalIYpdFhjreWb9HJoogk2-HA6A0WJVlyhFqeJefI9BWSeBUXDVRmWcVNuotdAVPWyRlUhcD85y3q4dKiHl6O7i4XqTFCHBVEoazi4FbO2Qb_MH7O/'/></a>


</ul>


</span>


</div>




Y asi podran lograr que les aparezcan los iconos, si quieren ponerse mas exquisitos pueden tratar de utilizar una tabla para darle un mejor efecto, y si no quieren utilizar esos cuatro botones que les presentamos tambien pueden utilizar servicios como Add to any y Add this para lograr el efecto correspondiente, pegando su codigo despues de post-footer-line y asi logran que aparezca en cada uno de sus post.

0 comentarios:

Publicar un comentario

Twitter Delicious Facebook Digg Stumbleupon Favorites More