 |
| Clique na imagem para ampliar |
- Demostração -
Eu estou
compartilhando aqui o método para blogger/ blogspot. Se você estiver usando o
Wordpress, então você pode, por favor, adicione o código compartilhado abaixo
dentro do seu modelo, indo para seção de modelo.
Vamos La...
1. Entre no painel do
blogger> Design> Editar HTML
2. Faça o Backup seu
modelo (sempre é bom prevenir)
3. Clique na caixa no
canto superior direito que diz: "Expandir modelos de widgets"
4. Em seguida, Crtl +
F pesquise <data:post.body/>
Logo acima dela cole o
seguinte código,
<b:if
cond='data:blog.pageType == "item"'> <div style='background:#FEE6E6; border:1px solid #ddd; -moz-border-radius:9px;
-webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px
3px 3px #CCCCCC;'> <table border='0'> <tr>
<td><!-- Twitter -->
<a class='twitter-share-button'
data-count='horizontal' data-lang='en' expr:data-text='data:post.title'
expr:data-url='data:post.url' href='http://twitter.com/share'
rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script
src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script> </b:if> </td>
<td><!--Facebook-->
<iframe allowTransparency='true'
expr:src='"http://www.facebook.com/plugins/like.php?href="
+ data:post.url +
"&layout=button_count&show_faces=false&width=100&
action=like&font=arial&colorscheme=light"'
frameborder='0' scrolling='no' style='border:none; overflow:hidden;
margin-left:0px; width:100px; height:20px;'/> </td>
<td><div
style='margin-right:25px;'><!-- STUMBLE UPON -->
<script
expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r="
+ data:post.url'/></div> </td> <td><div
style='margin-right:5px;'><!-- GOOGLEPLUS --> <g:plusone
expr:href='data:post.url' size='medium'/> </div> </td>
<td><!-- AddThis Button BEGIN
-->
<div class='addthis_toolbox
addthis_default_style '> <a class='addthis_counter
addthis_pill_style'/> </div> <script
src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28'
type='text/javascript'/> <script type='text/javascript'> var
addthis_config = { ui_cobrand: "MY BLOGGER TRICKS",
ui_header_color: "#ffffff", ui_header_background:
"#0080FF" } </script>
<!-- AddThis Button END --></td>
</tr> </table></div> </b:if><br/>
|
Faça alterações:
Para alterar a cor de fundo de o recipiente editar # FEE6E6
Alterar “MY BLOGGER
TRICKS” com o título do blog para que
ele apareça no adicionar este botão. Como mostrado abaixo:
5. Nota: este passo se você já tiver adicionado um botão +
Google em algum lugar em seu blog. Ctrl + F Pesquisar ]]></b:skin> e logo
abaixo dele cole o seguinte código:
<script
src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang:
'en-US'} </script>
|
6. Salve o seu template e esta pronto!