29 de mar de 2013

Menu social para seu Blogger




Outro excelente menu para suas páginas sociais, mais um modelo incrível do blog Ekletinery, bastando copiar o código e colar no HTML/Javascript em seu Blogger. Facílimo !




Vá até Layout


Clique em Adicionar um Gadget




Ao abrir, clique em  HTML/Javascript




Cole então o próximo código fazendo as modificações necessárias nos códigos grifados na cor vermelha.



<!-- Menu socail -->

<style>
/*--------eklentileri.blogspot.com hareketli menu ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://4.bp.blogspot.com/-KHbv7Tz112U/T9fZAXtBe8I/AAAAAAAAB_s/7nmIbT9ltQw/s1600/eklentileri.blogspot.com.png) no-repeat;
-webkit-transition: ease-in 0.2s all;  
-moz-transition: ease-in 0.2s all;  
-o-transition: ease-in 0.2s all;  
-ms-transition: ease-in 0.2s all;  
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS-->
<a class='rss' href="ENDEREÇO DO FEED" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="ENDEREÇO DO GOOGLE PLUS" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="ENDEREÇO DO FACEBOOK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="ENDEREÇO DO TWITTER" rel='external nofollow' target='_blank' ></a>

</div>

2 comentários:

  1. Ainda sou iniciante na blogosfera e tenho aprendido muita coisa nesse novo mundo! Parabéns pelo trabalho!

    O menu ficou ótimo no meu blog! Obrigado!

    ResponderExcluir
  2. Ola amigo, boa noite, muito obrigado!!

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube