Como adicionar botões de compartilhamento personalizados no blogger

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Nesse tutorial vou mostrar como  adicionarno blogger  botões de compartilhamento de  postagens  como  twitter  facebook  e o  google +,  para que seus  visitantes possam  compartilhar  suas  postagens   e trazer  mais  visitas   ao  seu  blog.  botões de compartilhamento  são fundamentais  para   a sobrevivência de um  blog  esses  botões share também chamados  assim  ficam  no  rodapé  das suas  postagens  e  tem um design  bem chamativo  e agradável  para  ser colocado   no  final das  postagens,  a instalação  é  bem  simples,  se  você  é novato nos blogs não  encontrara dificuldades  nesse tutorial siga  os  passos  abaixo  e  vamos lá.

Primeiro  faça  um backup  do  template caso  de  algo  errado  ou  você  não  goste e queira voltar  atrás.

Primeiro Vá  em modelo  editar   HTML expandir  modelo  de widgets e de  um CTRL+F e procure por  um desses códigos. <div class='post-footer-line post-footer-line-1'/> ou  <div class='post-footer-line post-footer-line-1'>

E  adicione  o  código  abaixo  abaixo dela uma  linha abaixo

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

 <!--começo  dos botoês-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
    height: 103px;
    background: url(http://i48.tinypic.com/6rqyps.png) 0 -7px no-repeat;
    width: 500px;
    margin-left: 45px;
}

.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;
}

.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;
}

.promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
    <div class='promote_post_bg'>
        <div class='promote_twitter'>

       <a class='twitter-share-button' data-via='latesthack' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>

      </div>

      <div class='promote_facebook'>

  
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>      </div>
        <div class='promote_google'>
            <script type='text/javascript'>
                (function () {
                    var po = document.createElement(&#39;script&#39;);
                    po.type = &#39;text/javascript&#39;;
                    po.async = true;
                    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
                    var s = document.getElementsByTagName(&#39;script&#39;)[0];
                    s.parentNode.insertBefore(po, s);
                })();
            </script>
            <g:plusone annotation='none' size='medium'/>
        </div>
    </div>
</b:if>
<!--final dos botoês-->

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Para  ajustar a  posição tanto para esquerda  quanto  para direita  aumente  ou  diminua esses números. margin-left: 45px;

Caso a imagem  dos botões  desapareça  um dia  do seu  blog,  abaixo  esta  a  imagem original  para você  mesmo hospedar e geral o código.

____________________________________________________________________________

Sobre o autor: jhonatas é o fundador deste blog. Nascido em 1991, é trabalha como serviços gerais. e, nas horas vagas, si esforça como blogueiro.                           

                            Twitter l youtube l Facebook l

___________________________________________________________________