[Pedido] Colocando Facebook e Twitter no blog

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.