17 de novembro de 2013

Tutorial- Efeito nos Ícones de Redes Sociais

Olá amigas(os) internautas, trago para vocês uma pargunta da Ask:
Como eu coloco o link do meu face, do meu twitter, do meu animespirit, que nem você fez? do jeito que você colocou abaixo da caixinha de buscar, logo após "Todos os tutoriais aqui postados foram textados no modelo travel do blogger." ?
Um exemplo visualize X no rodapé do blog.

No html de seu blog, coloque o código abaixo antes da tag  ]]></b:skin>

**/.caixasm{width:auto;top:2px;left:5px;position:fixed;z-index: 100;} .navsm img{width:28px;}.navsm{background:rgba(255,255,255,0.4);line-height:16px;height:18px;margin:1px; display: inline-block;width:18px;font-size:18px;color:#777;padding:4px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;float:left; }.navsm:hover {padding-top:20px; margin-top:0px; }

No gadget html/java script coloque o código abaixo:

<div class="caixasm"><a href="LINK DA REDE SOCIAL" title="TÍTULO"><div class="navsm"><img src="LINK DO ÍCONE DA REDE SOCIAL" /></div></a><a href="LINK DA REDE SOCIAL" title="TÍTULO"><div class="navsm"><img src="LINK DO ÍCONE DA REDE SOCIAL" /></div></a><a href="LINK DA REDE SOCIAL" title="TÍTULO"><div class="navsm"><img src="LINK DO ÍCONE DA REDE SOCIAL" /></div></a><a href="LINK DA REDE SOCIAL" title="TÍTULO"><div class="navsm"><img src="LINK DO ÍCONE DA REDE SOCIAL" /></div></a>

Kissus

Nenhum comentário:

Postar um comentário

- Este espaço é todo seu. Tire suas dúvidas!

- Por favor, Não faça algum request pelos comentários,
para isso serve a Ask.

- Se não gostou de algo, não use palavras baixas. Ninguém precisa se rebaixar tanto para expressar uma opinião.

- Leio todos os comentários e retribuo todos.

-Thanks