2 Meses de Teens Forever + Gadgets no cabeçalho sem mexer no HTML

Então Divos e Divas o Teens Forever hoje faz dois meses *------*  ~Happy~ Ok ésó vou comemorar agora quando o blog fizer um ano u-u e como eu estou feliz, eu trouxe um tuto super útil e fácil que aprendi no We Heart HTML.

Sabe aqueles blogs divos, com gadgets no cabeçalho os principais são slides, tem gente que divide o cabeçalho e tal's e da uma trabalheira mas eu vou ensinar de uma forma bastante fácil como fazer isso, nem vai precisar mexer no HTML.Vamos começar.

Primeiro você vai no seu layout, e adiciona um gadget de HTML/Javascript e salva, mas ele tem que ser o primeiro gadget gente, se você por ele em outro lugar não vai dar certo, tem que ser o primeiro gadget mesmo (Antes até do gadget de boas vindas ou algo parecido) e não dê nome a ele.

Nesse mesmo gadget você vai adicionar esse código 

<div style="margin-left: -20px; margin-top: -20px;">

O que está em negrito você pode mudar. tanto para maior quanto para menor, isso vai decidir onde vai se localizar o gadget no cabeçalho.

ai depois desse código você pode por o HTML/Javascript do que você quer que fique no cabeçalho. 

(clique para ver maior)

Acho que deu para entender melhor com a imagem, é apenas um exemplo u-u

depois de colocar o HTML do que você quer que fique no cabeçalho você põe essa tag no fim do seu HTML. 

</div>

ficando mais ou menos assim.

<div style="margin-left: -20px; margin-top: -20px;"><a href="https://www.facebook.com/alan.felipe.12764" title="Facebook"><img border="0" class="scale" src="http://cdn5.iconfinder.com/data/icons/Mighty_Social_Icons/32/facebook_32.png" /></a></div>

Exemplo do We Heart HTML

Se você quiser adicionar mais gadgets, use o esse mesmo gadget HTML/JavaScrip. Se você usar outro, vai dar erro. Mais lembre-se de por embaixo do código anterior, e colocar <div style="margin-left: -20px; margin-top: -20px;"> e </div> no final de cada código, exemplo:

<div style="margin-left: -20px; margin-top: -20px;"><a href="https://www.facebook.com/alan.felipe.12764" title="Facebook"><img border="0" class="scale" src="http://cdn5.iconfinder.com/data/icons/Mighty_Social_Icons/32/facebook_32.png" /></a></div><div style="margin-left: -30px; margin-top: -30px;"><a href="http://twitter.com/AlanFelipeJ" title="Twitter"><img border="0" class="scale" src="http://cdn5.iconfinder.com/data/icons/Mighty_Social_Icons/32/twitter_32.png" /></a></div>

Eles vão ficar em lugates diferentes, não se preocupe baby u-u .

Todos os créditos a We Heart HTML