sábado, 18 de janeiro de 2014

Botão Facebook e TW No topo do blog



E Ai pessoal hj venho fazer mais uma postagem radical aqui pois e algo que dou muito valor,mas vamo courta essa parte chata e vamo ao que interresa certo,ok

Vcs já devem saber o procedimentos basico então vou pular isso

-1)Encontrando a Tag
-Procure por
<b:section class='header' id='header' maxwidgets='1' 

Quando encontra ele vai estar mais ou menos assim:
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tecno-Criação (Cabeçalho)' type='Header'/>
</b:section>
    </div>


-2)Colando o código
Agora abaixo do </div>
Você Cola todo esse código

<div style="position: absolute; top: 160px; left: 80%; margin-left: 4px;"><div style="overflow: hidden; width:100px; height: 60px;"><div style="overflow: hidden;"><a href="https://twitter.com/seu-twitter" target="_blank"><img alt="twitter" src="http://2.bp.blogspot.com/-oFF4HrEbwaI/To9NpETr6dI/AAAAAAAAEJk/jowvXNvTKcY/s1600/twitter.png" title="twitter" /></a><a href="http://www.facebook.com/Seu-Facebook" target="_blank"><img alt="facebook" src="http://4.bp.blogspot.com/-O6nMA1_akTo/To9NmwKzo4I/AAAAAAAAEJU/UFiFTyAJbnw/s1600/facebook.png" title="facebook" /></a><a href="mailto:E-mail@hotmail.com" target="_blank"><img alt="email" src="http://1.bp.blogspot.com/-zyZkki5OJqE/To9Nmf1xb8I/AAAAAAAAEJQ/dlUOxjZ0H5U/s1600/email.png" title="email" /></a></div></div></div>

-3)Editando Os Códigos

Para deslocar o botão para a Esquerda, você irá diminuir o valor da seguinte parte:

left: 80% 

Para deslocar o botão para a Direita você irá aumentar o seguinte valor:

left: 80% 

*Para deslocar os botões  para cima ou mais para baixo (sentido Vertical) altere os valores no código.
Colocar o botão mais para cima diminua o valor 160:

top: 160px 

Colocar o botão mais para Baixo, aumente o valor 160:
top: 160px
observe que de acordo com o seu template você vai ajustar a localização dos botões
Altere o Código
O primeiro link que está destacado em azul você colocará o seu Twitter:
href="https://twitter.com/seu-twitter" 
O segundo Link você vai colocar o endereço do seu Facebook:
href="http://www.facebook.com/Seu-Facebook" 
O terceiro Link você vai colocar o endereço do seu E-mail:
href="mailto:E-mail@hotmail.com" 

Pronto agora clique em Visualizar e depois salve
Se gostaram deste código comentem pessoal

Gostaram Então da uma força a nóis Da Seguinte Maneira

1)Entre No site do criador do código
--->VDPBS

-2)Comente Ajuda Muito

Obrigados a todos fuizz meeeee

0 comentários:

Postar um comentário