10 julho, 2012
Sidebar deslizante com Botões de Redes Sociais
Tutorial de como inserir uma Sidebar deslizante no seu Blog/Site aqui no caso seria o Blogger
Botões Contidos na Sidebar:
Esta sidebar flutuante é composta por cinco botões de divulgação, são eles:
“Curtir” (FaceBook)“+1” (Google Plus)“Tweet” (Twitter)“Share” (FaceBook)“Share” (AddThis)
Para aqueles que quiserem adicionar outros botões de outras redes, sintam-se a vontade para inserir os botões.
Como instalar:
Como instalar:
- Copie o código já editado
- Abra seu painel no Blogger
- Clique em “Design”
- Clique em “Editar HTML”
- Marque a opção “Expandir modelos de widgets“
- Pressione o “Ctrl + F” do seu teclado.
- Digite no campo que apareceu o código “<data:post.body/>” (sem aspas)
- Este código será localizado na tela, agora em baixo dele cole o código do widget
- Clique em “Salvar Modelo”
- Visualize a sidebar flutuante funcionando corretamente em seu Blog
Curtir do Facebook: Mude onde esta escrito “HTTP://INTERNVOINET.COM” (sem as aspas) que seria o criador desse gadget, nessa area vocês irão musar pelo nome do seu site.
VIA em que será publicado o Tweet: Onde está escrito INTERNVOINET Mude pelo endereço do seu twitter sem o @.
Edições Opcionais:
Para modicar algumas características opcionais do widget no blogger é preciso modificar duas vezes a mesma característica, pois a primeira vez é para as páginas estáticas e na segunda vez é nos posts! Saiba abaixo alugas possíveis edições:
Troque nos trechos “top:160px “, o “160” pelo número altura! Lembre-se, quanto maior o número mais baixo ficará o widget.
Para modificar a largura modifique também os trechos “margin-left: -100px “ troque o número “-100” pelo desejado. Quanto menor (negativo) mais longe irá ficar o widget do conteúdo!
Codigo (Blogger):
Codigo (Blogger):
<!-- Começo código --><b:ifcond='data:blog.url == data:blog.homepageUrl'><divclass='SideBar'><divstyle='display:scroll;position:fixed;top:160px;margin-left: -80px;'><!-- FEXA começo código --><!-- Style CSS --><styletype='text/css'>.dvin{border-style:solid;border-width: 3px;border-color:#e3e3e3;padding-top:3px;padding-bottom:3px;padding-right:2px;padding-left:2px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}.plus {text-align: center;margin-top: 2px;margin-left: 1px;}.tweet {text-align: center;margin-top: 3px;}.face {text-align: center;margin-top: 4px;}.addthis {margin-left: 5px;text-align: center;margin-top: 71px;}</style><!-- FEXA Style CSS --><!-- Box --><divclass='dvin'><!-- FEXA bok --><!--FaceBook like--><styletype='text/css'>.like {text-align: center; margin-right:-6px;}</style><divclass='like'><iframeallowTransparency='true'expr:src='"http://www.facebook.com/plugins/like.php?href=HTTP://INTERNOVINET.COM&layout=button_count&show_faces=false&width=60&layout=box_count&action=like&colorscheme=light"'frameborder='0'scrolling='no'style='border:none; overflow:hidden; width:60px; height:65px'/></div><!-- FEXA FaceBook like --><!-- Google +1 --><divclass='plus'><scriptsrc='https://apis.google.com/js/plusone.js'type='text/javascript'>{lang: 'pt-BR'};}</script><g:plusonesize='tall'/></div><!-- FEXA Google +1 --><!-- Tweet --><divclass='tweet'><aclass='twitter-share-button'data-count='vertical'data-via='Internovinet'href='http://twitter.com/share'rel='nofollow'>Tweet</a><scriptsrc='http://platform.twitter.com/widgets.js'type='text/javascript'></script></div><!-- FEXA tweet --><!-- Share FaceBook --><div><ahref='http://www.facebook.com/sharer.php'name='fb_share'type='box_count'>Share</a><scriptsrc='http://static.ak.fbcdn.net/connect.php/js/FB.Share'type='text/javascript'></script></div><!-- FEXA Share FaceBook --><!-- AddThis --><divclass='addthis'><divclass='addthis_toolbox addthis_default_style '><aclass='addthis_counter'/></div><scriptsrc='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ea7403239c7ca56'type='text/javascript'></script></div><!-- FEXA AddThis --><!-- Fim BOX--></div><!-- FEXA fim BOX --><!-- Fim código --></div></div></b:if><!-- FEXA fim código --><b:ifcond='data:blog.pageType == "item"'><!-- Começo código --><divclass='SideBar'><divstyle='display:scroll;position:fixed;top:160px;margin-left: -80px;'><!-- FEXA começo código --><!-- Style CSS --><styletype='text/css'>.dvin{border-style:solid;border-width: 3px;border-color:#e3e3e3;padding-top:3px;padding-bottom:3px;padding-right:2px;padding-left:2px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}.plus {text-align: center;margin-top: 2px;margin-left: 1px;}.tweet {text-align: center;margin-top: 3px;}.face {text-align: center;margin-top: 4px;}.addthis {margin-left: 5px;text-align: center;margin-top: 71px;}</style><!-- FEXA Style CSS --><!-- Box --><divclass='dvin'><!-- FEXA bok --><!--FaceBook like--><styletype='text/css'>.like {text-align: center; margin-right:-6px;}</style><divclass='like'><iframeallowTransparency='true'expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=60&layout=box_count&action=like&colorscheme=light"'frameborder='0'scrolling='no'style='border:none; overflow:hidden; width:60px; height:65px'/></div><!-- FEXA FaceBook like --><!-- Google +1 --><divclass='plus'><scriptsrc='https://apis.google.com/js/plusone.js'type='text/javascript'>{lang: 'pt-BR'}</script><g:plusonesize='tall'/></div><!-- FEXA Google +1 --><!-- Tweet --><divclass='tweet'><aclass='twitter-share-button'data-count='vertical'data-via='Internovinet'href='http://twitter.com/share'rel='nofollow'>Tweet</a><scriptsrc='http://platform.twitter.com/widgets.js'type='text/javascript'></script></div><!-- FEXA tweet --><!-- Share FaceBook --><divclass='face'><ahref='http://www.facebook.com/sharer.php'name='fb_share'type='box_count'>Share</a><scriptsrc='http://static.ak.fbcdn.net/connect.php/js/FB.Share'type='text/javascript'></script></div><!-- FEXA Share FaceBook --><!-- AddThis --><divclass='addthis'><divclass='addthis_toolbox addthis_default_style '><aclass='addthis_counter'/></div><scriptsrc='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ea7403239c7ca56'type='text/javascript'></script></div><!-- FEXA AddThis --><!-- Fim BOX--></div><!-- FEXA fim BOX --><!-- Fim código --></div></div></b:if><!-- FEXA fim código -->
Assinar:
Postar comentários (Atom)
Parceiros
0 comentários:
Postar um comentário
Regras de Privacidade
Leia Antes de Postar: Os Comentarios são lidos e moderados previamente
Serão postados os comentarios que seguirem as regras.
1.Sem chingamentos, ou ofensas para ambos tipos de pessoas sendo ela o moderador ou o visitante
2.Não damos suporte referente ao que você baixar e instalar no seu computador, não aderimos esta possibilidade apesar de que os programas são variados
3.Se for postar um comentario que seja de coração ,agradeçam-nos por nosso trabalho, pois, não ganhamos nada por isso apenas sua colaboração
4. Se ao acaso acharem programas desatualizados, ou que não estão disponiveis mais para download nos avise
5.Os Comentarios são aceitos para que uns ajudem aos outros na instalação de um software etc.
6.Muitas vezes não estabelecemos um manual de instalação em alguns softwares, por tanto, tentem procurar no Google ou em outros mecanismos de busca.
7.Se alguma pagina de Filmes, series estiverem om virus nos avise, pois, pode ser erros nas hospedagens dessas midias.
8.Se desejar um download que ainda não esta presente no site, nos avise que iremos providenciar
Muito Obrigado pela atenção