Icon Icon

Como Colocar Menu de Redes Sociais


 Vamos Ao Tutorial
1* - Entre no Blogger > Designer > HTML
2* - Procure pela tag: ]]></b:skin> ( Ctrl + F Para Procurar )
3* - E acima de ]]/b:skin> cole o códico abaixo.

CÓDICO: 

#navegadores{
width:0px;
height:757px;
display:block;
position:absolute;
margin:100px 0 0 820px;
}
#utensilios {
background:url(http://i.imgur.com/52uTJ.png) no-repeat;
margin-top:-145px;
margin-left:-810px;
width:185px;
height:70px;
float:left;
}
#utensilios:hover {
background:url(http://i.imgur.com/QBB8x.png) no-repeat;
width:183px;
height:70px;
float:left;
}
#Parceria {
background:url(http://i.imgur.com/dXT9r.png) no-repeat;
margin-top:-145px;
margin-left:-645px;
width:183px;
height:70px;
float:left;
}
#Parceria:hover {
background:url(http://i.imgur.com/jPdip.png) no-repeat;
width:183px;
height:70px;
float:left;
}
#Contact {
background:url(http://i.imgur.com/rCJOn.png) no-repeat;
margin-top:-145px;
margin-left:-479px;
width:170px;
height:70px;
float:left;
}
#Contact:hover {
background:url(http://i.imgur.com/HSJb7.png) no-repeat;
width:170px;
height:70px;
float:left;
}

4* - Procure pela tag: <div id='content-weapper'>.
5* - E Cima da tag <div id='content-weapper'> cole o códico abaixo:

CÓDICO:

<div id='navegadores'>
<a href='URL DA SUA COMUNIDADE AQUI' id='utensilios' target='blank' title='Nosso Orkut'/> 
<a href='URL DO FACEBOOK AQUI' id='Parceria' target='blank' title='Nosso Facebook'/>
<a href='URL DO SEU PORTFOLIO AQUI' id='Contact' target='blank' title='Meu Portfolio'/>
</div> 

  6* - A onde estár de vermelho cole o Link.  

0 comentários:

Postar um comentário