Encurte e Ganhe! CPM de € 5,00 (CINCO EUROS OU MAIS!)

MAIS BAIXADOS DA SEMANA

Avise-nos através dos comentários

quinta-feira, 5 de dezembro de 2013

Como colocar Botão Seguir flutuante Fixo na Lateral do Blog

,




Olá pessoal! Algumas semanas fiquei sem escrever postagens por motivo de estar muito ocupado, mas hoje eu lhes trouxe um Botão personalizado de seguir no Blog, esse botão fica posicionado na Lateral (Direita) do blog, ele é bem eficiente pois bem útil para ajudar a ganhar mais seguidores no blog.

Esse é um botão bem simples que editei, nele eu utilizei CSS que deixa o botão fixo na lateral do blog, e quando descemos ou subimos a página o botão continua posicionado no mesmo lugar, e etc..
Veja um exemplo na imagem abaixo. Ou tambem  no meu blog 

Para Colocar no Blog:
1º Passo: Acesse o HTML do seu blog, vá em Modelo >> em Editar HTML >> e clique em Prosseguir.


No HTML do Blog, utilize as teclas de pesquisa: Ctrl+F e procure por esse Tag:
]]></b:skin>

Ao localizar o Tag, acima dele acrescente esse código CSS:

/*Botão seguir no Site*/
ul#menusisi { 
position:fixed; 
margin:0; 
padding:0; 
top:10px; 
right:0; 
list-style:none; 
z-index:9999; 
ul#menusisi li { 
width:78px; 
ul#menusisi li a { 
display:block; 
width:78px;
height:26px;
ul#menusisi .Seguir a { 
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOPp_dKse4B2a72aDRicGsyRwNxsqAWL2cW0iMyuXO18jf-M-bip399C6K9IrFNUTCLkGO09mimMCmd5KmZBLEJaij_l4oo2nw6FxrHK7tjqJfFU5eEUgkTe4amhqy7Te-FRHIryugh0/s1600/seguir.png); 
}



2° Passo: Agora procure por esse outro Tag:
</body>

 Quando encontrar o segundo Tag </body>acrescente esse código logo acima dele:
<ul id='menusisi'> 
<li class='Seguir'><a href='http://www.blogger.com/follow-blog.g?blogID=7200232364320779357' title='Seguia o Varias Dicas Para Blogs'/></li> </ul>



Vamos Alterar o Código:
  • Bom pessoal, veja que no primeiro código eu destaquei uma parte em cor Vermelha"10px" se por acaso você desejar deslocar (descer) o botão mais para baixo é só você alterar o valor "10" pra "20" ou mais, e etc...
  • E no segundo passo (código) eu destaquei uma parte em cor Azul "7200232364320779357" nessa parte você vai substituir pelo ID do seu Blog.

0 comentários to “Como colocar Botão Seguir flutuante Fixo na Lateral do Blog”

Postar um comentário

LinkWithin

Related Posts Plugin for WordPress, Blogger...