Código dos gadgets

Oi oi pessoas! Não vou me enrolar tanto no início dessa postagem ou então ela vai ficar bem grande, já que são códigos. Só venho avisar que deixei essa parte bem explicadinha porque dentro do próprio HTML está uma bagunça e vai dar muito, mas muito trabalho pra eu organizar tudo direitinho e colocar notas.

Vamos começar pelo gadget HTML/JavaScript do cabeçalho:

<img style="margin-top:-80px; margin-left: 12px;" src="IMAGEM AQUI" />

Agora o gadget de Bem vindo:

Imagem e texto:

<center><div class="imagem"><img style="margin-left:-10px;" src="IMAGEM AQUI" /><div class="texto"><br />
TEXTO AQUI, COMPLETE TODO O ESPAÇO
</div></div></center>

Menu

<div style="margin-top: -30px; margin-left: -2px; position: absolute;"><center>
<a href="LINK"><div class="outline">NOME</div></a>
<a href="LINK"><div class="outline">NOME</div></a>
<a href="LINK"><div class="outline">NOME</div></a><br/>
<a href="LINK"><div class="outline">NOME</div></a>
<a href="LINK"><div class="outline">NOME</div></a>
<a href="LINK"><div class="outline">NOME</div></a></center></div>

O gadget de seguidores não tem segredo, é só usar o padrão do blogger.

O gadget de Principais tags também é HTML/JavaScript, caso queira aumentar o número não tem problema, só não esqueça de sempre adicionar em pares.

<div>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
<a href="LINK"><blueberry>NOME </blueberry></a>
</div>

O de afiliados é bem padrão, mas fiquem livre pra substituir por qualquer menu da preferência de vocês. Coloquei um abaixo do outro pra facilitar na hora de editar isso. 

<center><a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a>
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a>
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a>
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a> |
<a href="LINK">Vaga</a></center>

E finalmente, o de Até logo:

Imagem e texto

<img align="left" src="IMAGEM" /> <center>TEXTO</center>

Barra de pesquisa

<input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" />

Por agora é só!