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.
2. Agora selecione " Template "como abaixo.
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
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.
Widget compartilhamento social para o Blogger com bom
foco effect.Im usando HTML e CSS para este
tutorial.
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.
Marcadores:
Mídia Social,
Widget