Texto do link Style Star Widget compartilhamento social para o Blogge No Dicas Blog Pro

quinta-feira, 10 de janeiro de 2013

Style Star Widget compartilhamento social para o Blogge

Hoje eu vou explicar como adicionar Style Star 
Widget compartilhamento social para o Blogger com bom 
foco effect.Im usando HTML e CSS para este 
tutorial.


1. Entrar na conta Blogger e clique cair.
blog-pós-opção
2. Agora selecione " Template "como abaixo.
Selecione-modelo

3. Agora você pode ver ao vivo no blog, clique em EDIT HTM botão L " 4. Agora clique em Continuar botão.



. 5 Encontrar este código  usando Ctrl + F  ]]> </ b: skin> 

. 6   Cole o código abaixo antes de ]]> </ b: skin> Código

/ * Bloggertrix * /
. Bubblewrap {
list-style-type: none;
margin: 0;
padding: 0;
}
. Bubblewrap li {
display: inline;
width: 60px;
height: 60px;
}
. Bubblewrap li img {
width:. 50px; largura / * de cada imagem * /
altura:. 50px; altura / * de cada imagem * /
margem: 0;
margin-right: 4px; / * espaçamento entre cada imagem * /
-Webkit-transição:-webkit-transform 0.1s facilidade em / * animado propriedade transform * /
-O-transição:-o-0.1s facilidade transformar-in; / * animado propriedade transformada em ópera * /
}
. Bubblewrap li img: hover {
-Moz-transform: escala (1,8); escala / *-se imagem 1,8 x * /
-Webkit-transform: escala (1,8);
-O-transform: escala (1,8);
}

7. Vá para o Blogger e clique em drop-down como  primeiro passo e selecione Layout de 

8. Clique em Adicionar Gadget e selecione "HTML / Javascript " 9. Colar código abaixo.



<br />
<ul class="bubblewrap">
<li> <a href="http://www.plus.google.com/107955298793879607964"> <img title = "Adicionar ao Facebook" /> </ a> </ li>

<li> <a href="http://www.facebook.com/"> <img title = "Adicionar ao Facebook" /> </ a> </ li>

<li> <a href="http://www.stumbleupon.com/Username"> <img title = "Adicionar ao Digg" /> </ a> </ li>

<li> <a href="http://www.twitter/"> <img title = "Adicionar ao Twitter" /> </ a> </ li>

<li> <a href="http://feeds.feedburner.com/DicasBlogPro"> <img title = "Adicionar RSS Feed" /> </ a> </ li>
</ Ul>
 * Substitua urls como o seu gosto. 10. Agora salve o seu modelo. Você está feito. 

Seja o primeiro a comentar ;)

Postar um comentário

Mais Lidos

relojes html html clock contador de usuarios online

  ©Dicas Blog Pro - Todos os direitos reservados.

Template by Dicas Blogger | Topo  

Related Posts Plugin for WordPress, Blogger...