UM BLOG FEITO POR QUEM NÃO SABE, PARA QUEM QUER APRENDER

é apenas um incentivo às minhas amigas - algumas jovens e outras nem tanto -; aos mais idosos que também desejam criar um Blog.Vamos aprender juntas/os?
...

Especialistas concluíram que as pessoas de mais idade estão sentindo prazer em usar a internet. Em 2005, só nos Estados Unidos 26% dos indivíduos de 70 a 75 anos já se conectavam à rede. Várias amigas minhas (de todas as idades ) estão ansiosas para criarem um Blog e escreverem sobre assuntos vários como poesias, sobre culinária, crochet, tricot e outros. Os Blogs ajudam a reduziro estresse e aumentam a auto-estima em idosos e adolescentes. Então, vamos criar um blog? Clique AQUI.

NOTA: quando copiar qualquer código deste Blog, retire o " Read more:

http://detudoumpoucotracomais.blogspot.com/#ixzz29ud5jhPj"

20/10/2012

Botões de compartilhamento no seu blog


Clique em expandir modelo e  procure  por <data:post.body/>  , usando o Ctrl F. (aprenda AQUI)
Logo após cole os códigos.
Foi assim que li em vários blogs. Mas no detudoumpoucotracomais não ocorreu como eu queria. Minha idéia era que ficassem abaixo das fotos links.
Como apareceram dois <data:post.body/> eu fui testando até encontrar o jeito certo. 

   <b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <!-- Then use the post body as the schema.org description,
          for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
        <data:post.body/>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    <b:else/>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
        <data:post.body/>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    </b:if>
COLEI  OS CÓDIGOS AQUI
______________________________

Os códigos

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
    <div class='post-footer'><!-- AddThis Button BEGIN -->


<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b803c725c4999a9'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'/>
<a class='addthis_button_myspace'/>
<a class='addthis_button_google'/>
<a class='addthis_button_twitter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b803c725c4999a9' type='text/javascript'/>
<!-- AddThis Button END -->

<div style='clear: both;'/><a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img alt='Pin It' onclick='doPinIt();' src='http://farm8.staticflickr.com/7180/6830456074_6177278e71_z.jpg' style='margin: 0 0 -5px 0;'/></a>
________________________________

Se você quiser colocar também o Botão google+ acrescente o código abaixo no final do postado acima, que vai aparecer junto ao PIN

<!-- Coloque esta tag onde você deseja que o botão +1 seja renderizado -->
<g:plusone size="tall" annotation="none"></g:plusone>
<!-- Coloque esta chamada de renderização conforme necessário -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Se quiser colocar os botões maiores, do  AddThis, troque por esse código

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e2830390a60b3c9"></script>
<!-- AddThis Button END -->
Eu prefiro os menores que compartilham o título e a página específica da postagem.
______________________________


Botões para blogs
Entre no site


Nenhum comentário :

Postar um comentário

Que bom que você comentou. Vou ler e publicar. Volte para ver a resposta.

(Blog melhor visualizado no Google Chrome)
YoWindow.com Forecast by yr.no
.
Clique aqui e tenha acesso  ao Site Tony Gifs Javas