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
#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:
E em seguida cole o código abaixo com as modificações necessária
<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.
Enquanto lia seu post me perguntei o que é muitas palavras rsrsrs Sou ignorante na área de informática e tecnologia. Só tenho blog porque preciso escrever xD Seu blog será salvado em favoritos, pois tenho certeza que vou precisar voltar aqui mais vezes
ResponderExcluirhehehe
Valeu pelas dicas
:D
coloquei meu face e twitter do lado em forma de ícones e curti =]
ResponderExcluirMuito boa essa sua dica... Confesso que sou praticamente um analfabyte...heheheheheh
ResponderExcluirMuito bom o blog, gostei da dica aí.
ResponderExcluirVoltaremos mais vezes.
Esperamos sua visita e sua marca ok?
http://venenodefine.blogspot.com
dica muito util ^^ jah coloquei no meu blog o twitter e o orkut :1
ResponderExcluirseguindo o blog
segue ae tbm
www.wikeanime.blogspot.com