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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi56yRMJpFcXUUbMpdyer0x6NsPFG5RvSHMaFdO2iPjQPwPAH9xNs9a5aNRrDXE6uLrwbvF0b6pdXqm2yykyoNKbvhgYM9pufOWXlFrZ5xyqeXiZMpUsiy9u6IGoBRDIL7mOisG_oz9lEbA/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>