Só 72 Bundas
Só 72 Bundas
(+18)
AS BARATINHAS #39
AS BARATINHAS #39...
...Conteúdo (+18)
superentretenimento
Cabeça, ombro,
joelho e pernas
Buião
37 decotes que vão deixar a
sua semana melhor



Botões Com Redes Sociais Fixado No Canto da Página do Blog - Versão #2


Nesta postagem compartilho com vocês mais um elemento para deixar seu blog ainda mais com cara de um site moderno e com um bom Design.

Como vocês podem ter notado na imagem ao lado, os botões estão amarelos, mas, você podem modificar a cor e deixar da cor principal da sua página. 

Se você tem noção de cores em HTML veja nossa tabela de cores para ter uma ideia de qual cor colocar nos botões.





Para colocar em seu site é bem simples...

Entre em "Layout" - "Adicionar um Gagdget" - "HTML/JavaScript" e cole o código

<style>
.pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {background-color: #FFF073;
border-radius: 50px;}
.pinterestjo, .twitterjo, .facebookjo, .googlejo {
font-size: 13px;
color: #222;
width: 30px;
height: 30px;
z-index: 9;
margin: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
float: left;
padding: 4px;}
/* wwww.dicashot.blogspot.com */
.twitterjo{
background:url(http://3.bp.blogspot.com/-ZnxX2l9MYco/UlUrUEoJ-rI/AAAAAAAAHbE/Of6N8CBFcgo/s1600/bg3.png)no-repeat center center;}
.facebookjo {
background:url(http://4.bp.blogspot.com/-HKEscci_Xfo/UlUrT7RGzBI/AAAAAAAAHbA/0IrSlqs5z_c/s1600/bg1.png)no-repeat center center;}
.googlejo{
background:url(http://1.bp.blogspot.com/-RAZ6I499lyE/UlUrT6fwMyI/AAAAAAAAHbQ/dGs9S9ZD_MQ/s1600/bg2.png)no-repeat center center;}
.pinterestjo {
background:url("http://2.bp.blogspot.com/-9piAQfPmxa8/UZ-rdm96t7I/AAAAAAAAGKw/BZQeZleoZhI/s1600/white_pinterest.png")no-repeat center center;}
/* wwww.dicashot.blogspot.com */
.social-network {
box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
width: 50px;
position: fixed;
background: #F1A129;
top: 70px;
right: 0px;
border-radius: 3px 0px 0px 3px;
z-index:999;
}
</style>
<div class='social-network'>
<a href='#' target='_blank'><div class='facebookjo'></div></a>
<a href='#' target='_blank'><div class='twitterjo'></div></a>
<a href='#' target='_blank'><div class='googlejo'></div></a>
<a href='#' target='_blank'><div class='pinterestjo'></div></a>
</div>

Tendo colado o código, basta salvar e pronto!!!

É claro que se você quiser modificar a cor dos botões e simples. Destaquei no código em azul as partes para modificar a cor dos botões. O # em vermelho no código, é o link. Cole o link no lugar do # (jogo da velha).

Qualquer duvida, não deixe de perguntar.

Cursos On-line 24 Horas - Educação a Distância de Qualidade
Botões Com Redes Sociais Fixado No Canto da Página do Blog - Versão #2 Botões Com Redes Sociais Fixado No Canto da Página do Blog - Versão #2 Reviewed by Muca on 10/10/2014 11:43:00 AM Rating: 5

Como Bill gates: " se você nasce pobre não é culpa sua mas se você morre pobre a culpa é toda sua." | "ver vídeo"
DicasHot
Widget by DicasHot