Tutorial - Como adicionar botões de curtir embaixo do título do post?

Necessidades: Saber mexer no HTML
----------------------------------------------------------------------------------------------------------
- Botão geral -
(esse que tem aqui no blog)


#1 - Vá no site AddThis e escolha como você vai querer o seu botão geral.


#2 - Clique em "Get AddThis". Depois preencha o formulário com o seu email, o nome que vai aparcer quando você fizer o seu login e uma senha, que você tem que colocar duas vezes. E clique em "Register".


#3 - Daí vai abrir outra página, onde você deve clicar em "Customize". Daí onde diz "Plataform", coloque blogger e depois, clique em "Grab It" (o botão laranja e grande). Automaticamente, o código já terá sido copiado.


#4 - Então, vá em editar HTML no seu blog e pressione "Ctrl + F". Pesquise por <div class='post-header-line-1'/>. Ao achar, embaixo dele cole o código do botão (volte na página do AddThis e copie o código).


- Botão de curtir no Facebook -
(só quem tem face pode curtir)

#1 - Vá no seu HTML e clique "Ctrl + F". Pesquise por <div class='post-header-line-1'/>. Ao achar, logo abaixo desse código, cole isso:
<iframe 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=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>


#2 - Visualize. Se gostar, salve.

- Botão de retweet -
(é melhor colocar se você tem twitter)

#1 - Vá no seu HTML e pressione "Ctrl + F". Pesquise por  <div class='post-header-line-1'/>. Ao achar, embaixo desse código cole isso:
<div style="float:right;padding:5px;"><script type='text/javascript'>
     var topsy_nick = &#39;iCandyReis&#39;;
     var topsy_style = &#39;big&#39;;
     var topsy_theme = &#39;blue&#39;;
     var topsy_url = &#39;<data:post.url/>&#39;;
     var topsy_title = &#39;<data:post.title/>&#39;;
</script>
<script src='http://cdn.topsy.com/button.js' type='text/javascript'/></div>

#2 - Então, você vai alterando. Onde está escrito "right", em vermelho, coloque "left" se você quiser que o botão fique no lado esquerdo (se quiser na direita, deixe assim mesmo). Onde está escrito "iCandyReis", coloque o seu twitter (se você não tiver twitter, deixe assim mesmo). Onde está escrito "big", coloque "small". Onde está escrito "blue", você coloca a cor que vai querer seu botão. As cores disponíveis são:


#3 - Visualize. Se gostou, salve.

OBS.: Você pode colocar o botão de retweet e o botão de curtir do face!

Beijoos com gloss!

Um comentário:

Elcimar Reis disse...

Legal, eu só gosto do botão do Facebook@!(kkk)..

Retribui o comment.
O Acesso Permitido te deseja um Feliz dia dos namorados!
http://acessopermitidoblog.blogspot.com/

Postar um comentário

Obrigada por comentar, sua opinião é muito importante!
Regras de comentário:
- Não xingar nem eu nem ninguém!
- Se tiver blog, deixe o seu URL
- Deixe a sua opinião!!