• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

20 de fevereiro de 2013

[Pedido] Colocando Facebook e Twitter no blog

Tumblr_li5x2hawxu1qi0es5o1_500_large
Hooý chocolates cobertos de amendoim, tudo bem?
 Uma de nossas leitoras, a Layla Lac do Fantasies of teens fez o seguinte pedido: Para que eu viesse postar sobre como colocar a página do facebook no blog para curtir e as atualizações do twitter.

 Queria agradecer ao pedido dela, desculpa pela demora. Vamos lá?!
Colocando a opção curtir a sua página do facebook no blog:

(créditos do tutorial: www)
 Primeiro você deve copiar a url da sua página, exemplo:
https://www.facebook.com/AdolescenteNerd
 Depois é só clicar nesse link www e siga conforme a imagem:
 Depois copie o código formado:

Agora cole todo esse código em um gadget HTML/JavaScript.

Colocando atualizações do twitter no blog:

(créditos tutorial: www)

Copie e cole esse código acima de ]]></b:skin>:

#twitter_div {
text-align : left;
display : block;
width : 277px;
height : 205px;
background-image : url(http://i1114.photobucket.com/albums/k537/tuh_ane/twitterstatus.png);
background-repeat : no-repeat;
background-position : 0% 0%;
font : normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
line-height : 1.4em;
color : #77595c;
}
#twitter_update_list {
margin : 0;
padding : 20px 20px 5px 20px!important;
list-style-type : none;
text-indent : 0;
line-height : 1.4em;
}
#twitter_update_list li {
margin : 3px 0!important;
padding : 5px!important;
}
a#twitter-link {
float : right;
padding : 0 25px 0 0;
float : right!important;
text-align : right!important;
padding : 0 25px;
}
#twitter_div a, #twitter_div a:visited {
color : #ea3c6f;
}
#twitter_div a:hover, #twitter_div a:active, #twitter_div a:focus {
color : #77595c !important ;
}

Logo em seguida, salve e copie esse código e cole acima de </body>:

<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/> 
<script src='http://twitter.com/statuses/user_timeline/Nomedeusuário .json?callback=twitterCallback2&amp;count=1' type='text/javascript'/> 

Em negrito, substitua por seu username sem "@", exemplo:
hannah_g3

Salve e em seguida, copie esse código e cole em um HTML/JavaScript:

<div id='twitter_div'><ul id='twitter_update_list'></ul><a href='http://twitter.com/Username ' id='twitter-link' title='follow me!'>follow me!</a></div>

Em negrito, substitua por seu username sem "@" novamente.

 Espero que tenham gostado e entendido.

24 comentários:

  1. Ótimo tutu, já sabia a do facebook, a do twitter, nem procurei porque eu não tenho. Mas é sempre bom saber :3
    Até!
    cotidianodeumabarbie.blogspot.com

    ResponderExcluir
  2. Esse é aquele jeito de por o facebook personalizado? De qualquer forma, será muito útil, já que vou por a página do TK numa gadget ainda ^^

    Beijos!
    Too Kawaii

    ResponderExcluir
  3. Obrigada Hannah, vou tentar colocar . Beijus--fantasiesofteen.blogspot.com

    ResponderExcluir
  4. Legal o tuto
    http://manguitarosa.blogspot.com.br/
    beijooooos

    ResponderExcluir
  5. adorei mas eu prefiro so o facebook mesmo hashas :D

    nova postagem inocentementeingenua.blogspot.com.br/2013/02/um-beijo-na-bunda-de-todos-voces-nao-e.html

    ResponderExcluir
  6. ~Whoo!! Adorei os tutoriais, o do Facebook no blog eu já sabia, mas o do Twitter eu nunca tinha visto, talvez aplique no meu próximo Lay.
    Xoxo :3
    Explodindo Purpurina

    ResponderExcluir
    Respostas
    1. Amore, seu blog, está sem barra de rolagem e por conta disso, não está dando para descer e nem pra ler postagem, comentar, nada, nada, por favor, teria como colocar, é que seu blog é lindo

      Excluir
  7. aprendi tudo , tambem tava com esssa duvida , é facil ate !!!

    http://quaseprincipa.blogspot.com.br/

    * tuto perfeito hanah

    ResponderExcluir
    Respostas
    1. haha' vlw amore, vlw (Obs: Hannah), kkk, mas tudo bem

      Excluir
  8. oi,já vou seguir aqui,adorei o tuto!
    hora-de-anime.blogspot.com
    princeofhtml.blogspot.com

    ResponderExcluir
  9. Adorei os tutoriais, vou tentar colocar o de twitter! :D
    Beijocas!

    PiinkCookie.blogspot.com ♥ Participe do sorteio

    ResponderExcluir
  10. Amei o tuto, mais acho que foge um pouco
    do assunto "blog", sla acho estranho colocar
    face e tals rsrs' ~só eu que acho~ (._.)

    Doce Mundo Kawaii

    ResponderExcluir
    Respostas
    1. É que é um tutorial entende? Me pediram e tal, rsrs

      Excluir
  11. Legal o tuto, tenho só twitter, não vou colocar pois no Cherry eu nçao queria colocar gadgets demais e talz, sendo que já tem bastante.
    Hanna adoro o A.N. ><
    Kisses, Cherry Ilustrações, blog só de ilustrações de posts

    ResponderExcluir