Botones redes sociales para Blogger

Si quieres unos botones como estos para compartir en redes sociales para tu blog sólo tienes que hacer lo siguiente.

Ir a la pestaña Plantilla, y darle a Editar HTML de tu panel de control de Blogger.

Buscar dándole a CNTRL+F la línea donde ponga:

1. <div class='post-footer'>
2. <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>

Y pegas el siguiente código entre la primera línea y la segunda para que queden debajo de tu entrada del blog:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<br/>
<div style='text-align: center;'>
<span style='font-family: Verdana,sans-serif;'><b><span style='font-size: small;'>Si te gusto este articulo compartelo con tus amigos y gracias</span></b></span>
</div>
<br/>


<style type='text/css'>
#mintshare_mini .flyout ul li {float: left;}
#mintshare_mini .flyout ul li a{}
 #mintshare_mini .flyout ul a img {}
 #mintshare_mini .flyout ul li.drop-li {position:relative; width:29px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 30px;}
 #mintshare_mini .flyout ul {
 list-style:none;}

</style>
<!-- compartir entradas  -->
<div id='mintshare_mini'>
<a class='sharetext'>
 <b/>
  <!--[if gte IE 7]><!-->
  </a>
   <!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
                                        <div class='flyout'>
                                          <ul class='icons'>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img src='http://1.bp.blogspot.com/-y7j-OLqVQ8c/UbuafVmXRTI/AAAAAAAAAFI/kN6lLfazJHg/s1600/facebook.png' style='width:24px; height:24px;'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://3.bp.blogspot.com/-hF5Li45JQPM/UbuafLoaTLI/AAAAAAAAAFA/i8GW2-9ye9c/s1600/Twitter_logo.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://1.bp.blogspot.com/-iW5EpilcftE/UbuaffFIxWI/AAAAAAAAAFo/VKZ3Q731tR0/s1600/google-plus-+-icono.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://www.tuenti.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://2.bp.blogspot.com/-qeAU6QhxSk0/Ubuaf0bBY2I/AAAAAAAAAFg/DXW6FZ2KPDw/s1600/tuenti_logo.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://3.bp.blogspot.com/-d1GZ3bbiP7A/UbuafjbHyGI/AAAAAAAAAFk/EjqKCjj2dVQ/s1600/reddit-png-image-256x256-pixels_12499557739301.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://4.bp.blogspot.com/-z5JIdqL48aE/UbuafEP6vHI/AAAAAAAAAFQ/iXXUKH70ZFE/s1600/05_04_linkedin.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a class='drop-a' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'>
                                                <img alt='' src='http://4.bp.blogspot.com/-T5ylQdemcR4/UbuafNP6lOI/AAAAAAAAAFE/LSx7ljM624k/s1600/delicious.png'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                            <li class='drop-li'>
                                              <a>
                                                <span class='st_sharethis_large' displayText='ShareThis'/>
                                                <!--[if gte IE 7]><!-->
                                              </a>
                                              <!--<![endif]-->
                                            </li>
                                          </ul>
                                        </div>
                                      </div>
                                      <!-- MintShare Mini End-->

</b:if>

Y ahora si quieres puedes cambiar en el código las letras que están en rojas para que pongan lo que tu quieras que aparezca.

Puedes ver este ejemplo funcionando pinchando en alguna de las entradas de este blog:
http://viajesparafindesemana.blogspot.com.es/

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

Más articulos

Tweet

Escrito por Unknown

Si tienes alguna otra duda, o quieres comentar algo sobre el tema, te animo a que dejes un comentario. También puedes visitar nuestro foro. ¡Un saludo!