Incorporación de botones de redes sociales en Blogger

  • Autor Autor leviomat
  • Fecha de inicio Fecha de inicio
L

leviomat

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola Amigos Betas.

Nuevamente les traigo un tutorial que es muy buscado en internet.

Como incorporar botones de redes sociales como twitter, taringa, facebook, google + y bitacoras.

Primera vas a edicion de platillas, luego expandir artilugios.
Despues CRT + F en el caso de Firefox y buscas
HTML:
<div class='post-footer'>
:

Luego insertar arriba de ella el siguiente código:

HTML:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0' cellpadding='6' style='width: 50%;'><tbody>
<tr><td><a class='twitter-share-button' data-count='horizontal' data-lang='es' href='http://twitter.com/share'>Tweetear</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td><td><g:plusone size='medium'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=es_ES&amp;href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=21&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px'/></td><td><script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='medium_plus'/></td>
<td><a expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url'><img alt='votar' expr:src='&quot;http://widgets.bitacoras.com/votar/mini/&quot; + data:post.url' style='vertical-align:middle;border:0;float:right; margin-left:10px;' title='Votar este artículo en Bitacoras.com'/></a></td>


</tr>
</tbody></table>
 </b:if>


Y eso es todo. Luego dale a previsualizar por si tienes problemas. Si está todo bien guardar plantilla.

OJO: Los botones sólo aparecerán en las entradas individuales. Por si te has dado cuenta este codigo está condicionado para eso.


saludo Betas =)
 
Hace unos días estaba tratando de implementar redes sociales manualmente y oh sorpresa en IE9 todo se ve desordenado xD
 
Gracias por el aporte.
 
Gracias por el aporte
 
Muchas gracias por el aporte. Requería el de Bitácoras porque el que viene en la página no me funciono.
 
Buenísimo muchas gracias hermano 😀
 
Atrás
Arriba