13.12.13

Colocando gadget no cabeçalho + Seguidores



Olá pessoas! Como vão? Eu estou tentando fazer um layout free, o problema é que meus lays ficam muito complicados e eu estou sem Photoshop. Só para vocês imaginarem, eu fiz o header do blog no Photoscape. Estou até assustada, pois ficou com uma qualidade ótima.

 Uma coisa que as pessoas perguntam muito é como colocar o gadget no cabeçalho. Eu mesma nunca soube como fazer isso, só aprendi mesmo no KW e lá aprendi também a como colocar o gadget de seguidores no cabeçalho. E aí quer aprender? Continue lendo!

Colocando gadgets no cabeçalho:
Depois de colocar seu gadget, cole o trecho abaixo antes do código que você queira que fique no cabeçalho:
<div style="position: absolute; margin-top-100pxleft-200px;">
E depois, para fechar o código, cole isso abaixo do código que você quer que fique no cabeçalho:

</div>

margin-top: sobe
Left: para a direita, caso queira para a direita, mude para right

Exemplo de como deve ficar:
 <div style="position: absolute; margin-top-100px; left-200px;">Seu código</div>

Colocando gadget de seguidores no cabeçalho:

Adicione o gadgets de seguidores e vá em editar HTML, dê Ctrl+F e procure por:

<div id='Followers1-wrapper'>

Fazendo isso, você irá encontrá-lo seguido de vários códigos, copie apenas de <div id='Followers1-wrapper'> até:

</script>
</div>
</div>

Após copiar o código, exclua seu gadget de seguidor. Cole o que você acabou de copiar em um gadget HTML/ JavaScript, ele irá aparecer normalmente, só que poderá ser editado.
 Para colocá-lo no cabeçalho, use o tutorial acima
Para editá-lo, no código que você copiou, irá aparecer algo assim:

skin['FACE_SIZE'] = '32'; skin['HEIGHT'] = "260"; skin['TITLE'] = "Seguidores"; skin['BORDER_COLOR'] = "transparent"; skin['ENDCAP_BG_COLOR'] = "transparent"; skin['ENDCAP_TEXT_COLOR'] = "#666666"; skin['ENDCAP_LINK_COLOR'] = "#eb8bab"; skin['ALTERNATE_BG_COLOR'] = "transparent"; skin['CONTENT_BG_COLOR'] = "transparent"; skin['CONTENT_LINK_COLOR'] = "#eb8bab"; skin['CONTENT_TEXT_COLOR'] = "#666666"; skin['CONTENT_SECONDARY_LINK_COLOR'] = "#eb8bab"; skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#eb8bab"; skin['CONTENT_HEADLINE_COLOR'] = "#000000";

Face_Size: tamanho da foto;
Height: altura do gadget.