Rede Social no Cabeçalho do Blog (Blogger)

Ola amigos leitores, já faz um tempo que estou sem fazer postagem devida alguns problemas pessoais, mas estou de volta e hoje vou explicar como colocar rede sociais no cabeçalho do Blog de uma forma fácil e rápido.

Primeiro passo e nunca esquecer de fazer download do seu template, se por algum motivo der errado só fazer upload. Caso não souber fazer download do template, basta entrar na sua conta do blogger clique em design, Editar HTML, salvar modelo completo e pronto.

Bom vamos ao que interessa, para fazer a instalação das redes sociais logue na sua conta blogger, vai em design clique em Expandir modelos de widgets.

Procure pela por header  para facilitar use o Ctrl+f ,  caso não encontre procure por #header-wrapper

Copie o código abaixo e cole antes da header ou #header-wrapper

/* ----- rede social ----- */
#redesocial{
width:auto;
height:auto;
z-index:1;
position: absolute;
top: 50px;   /* altura que a rede social vai ficar no cabeçalho */
left: 660px;    /* distancia que a rede social vai ficar da lateral do cabeçalho */
}

Agora procures por:

<div id='header-wrapper'>

E em seguida cole o código abaixo com as modificações necessária

<div id='redesocial'>
<table border='0' cellpadding='5' cellspacing='0' width='100%'>
<tr>

<td><a href=' LINK DO FEED/RSS' target='_blank' title='Assine o Feed'><img alt='Feed' border='0' src=’LINK DA IMAGEM FEED/RSS'/></a></td>


<td><a href=' LINK DO TWITTER' target='_blank' title='Siga-me no Twitter'><img alt='Twitter' border='0' src=’LINK DA IMAGEM TWITTER'/></a></td>

<td><a href='URL DO FECEBOOK' target='_blank' title='Me adicione no Facebook'><img alt='Facebook' border='0' src=URL DA IMAGEM FACEBOOK '/></a></td>

<td><a href=' LINK DO ORKUT ' target='_blank' title='Me adicione no Orkut'><img alt='Orkut' border='0' src=' LINK DA IMAGEM DO ORKUT'/></a></td>
</tr></table>
</div>

Substitua as palavras que estão de AZUL pelo link da sua rede social

E as que estão de VERMELHO por uma link de uma imagem aconselho 32 x 32

Confira a postagem Os melhores site de ícones para baixar, tem vários sites com uma grande variedades de imagens.

qualquer duvida deixe um comentário.

Categories: Internet, Tutorial