quarta-feira, 29 de janeiro de 2014

Botões Add This para compartilhar seu blog nas redes sociais

O blog, por ser uma espécie de site gratuito e de fácil operacionalização, tornou-se uma ferramenta de comunicação virtual bem difundida. Entretanto, para que seu layout esteja atualizado, é preciso implementar eventualmente algumas rotinas e botões, especialmente para commpartilhamento nas redes sociais.

Depois de algumas pesquisas, pude encontrar essa solução para esse blog, em termos de botões de compartilhamento e de impressão:


O código para se chegar a esse resultado é o seguinte:
<div style='padding-top:5px;line-height:10px;border-top:1px solid #cacaca;width:560px;'>
<!-- AddThis Button BEGIN -->
<div style='float:left;'>
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title'
expr:addthis:url='data:post.url'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_linkedin'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_button_myspace'/>
<a class='addthis_button_stumbleupon'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d59531073ef4c27' type='text/javascript'/></div>
<!-- AddThis Button END -->

<b:if cond='data:blog.pageType == "index"'>
<a class='printfriendly' expr:href='data:post.url + "?pfstyle=wp"' style='margin-right:1em; color:#6D9F00; text-decoration:none;' title='Printer or Generate PDF'>
<img alt='Print or Generate PDF' src='http://sites.google.com/site/reparenissofigs/RNbpri2014_43px.png'
style='border:none;float:right;'/></a><b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<a class='printfriendly' expr:href='data:post.url + "?pfstyle=wp"' style=' margin-right:1em; color:#6D9F00; text-decoration:none;' title='Printer or Generate PDF'><img alt='Print or Generate PDF' src='http://sites.google.com/site/reparenissofigs/RNbpri2014_43px.png' style='border:none;float:right;margin:none;padding:none;'/></a><b:else/>
<script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/>
<a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print(); return false;' style='color:#6D9F00; text-decoration:none;' title='Printer or Generate PDF'>
<img alt='Print or Generate PDF' src='http://sites.google.com/site/reparenissofigs/RNbpri2014_43px.png' style='border:none;margin:none;padding:none;float:right;'/></a></b:if></b:if></div>

A linha de comando acima da expressão 'AddThis Button BEGIN' diz respeito à uma borda de cor cinza que visa separar o conteúdo da postagem dos botões (vide na prática como fica no final dessa postagem).

Os comandos relacionados à impressão estão logo abaixo da expressão 'AddThis Button END'.

Bem, na plataforma do Blogger esses comandos deram certo, mas não sei se teriam o mesmo resultado na plataforma do Wordpress.

Fonte: Site Blogger e Sites

,

quarta-feira, 29 de janeiro de 2014


Print or Generate PDF

0 comentários:

Postar um comentário

Comentário









Certidão Criminal Negativa
Dicionário Bab.La