12 novembro 2013
Como colocar barra de compartilhamento no final das postagens
Olá a todos, hoje eu ensinarei como inserir uma barra de compartilhamento no final dos seus artigos. Veja logo abaixo uma imagem ilustrativa da barra.
Para inserirmos a barrinha no seu blog você deve primeira fazer login no blogger.
Ao fazer login click em Design>>>Editar HTML e depois clicar na caixinha Expandir modelos de Widgets.
Agora segure as teclas Ctrl + F do seu teclado e faça uma busca por:
| Tag |
| <head> |
Cole o seguinte código, abaixo do código encontrado:
| Código |
| <script type='text/javascript'>var switchTo5x=true;</script> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: "ec65bf39-fc73-4a95-a812-62f95bd6bc41"}); </script> |
gora nós iremos aplicar o CSS da barrinha e para isso precisamos encontrar a seguinte linha de código:
| Tag |
| ]]></b:skin> |
| Código |
| #barra-post { width: 700px; background: #F3F3F3; border: 1px solid #CCC; height: 25px; padding: 5px 5px 1px 10px; margin: 8px; margin-left: -2%; margin-bottom: -3%; } #compartilhe { font-size: 14px; margin-right: 20px; margin-top: 2px; color: #464646; } #barra-post div { float: left; } |
| post-footer-line-3' |
| Código |
| <b:if cond='data:blog.pageType == "item"'> <div id='barra-post'> <div id='compartilhe'><strong>Gostou? Compartilhe:</strong></div> <span class='st_plusone_hcount' displayText='Google +1'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_linkedin_hcount' displayText='LinkedIn'/> <span class='st_email_hcount' displayText='Email'/> </div> </b:if> |
Assinar:
Postar comentários (Atom)
Encomendas
0 comentários:
Postar um comentário