12 julho, 2012
Widgets com ícones para redes sociais
Vá no HTML do template, dê um Crtl+F com o teclado e procure por ]]></b:skin> .
Cole antes dessa tag o seguinte código:
/* SOCIAL MEDIA ----------------------------------------------- */ #socialmedia{background:#F6F8F8;border:1px solid #DBE2E0;padding:10px 5px 15px 10px; margin: 5px;} #socialmedia:hover{border:1px solid #90C2D7;} #socialmedia a{color:#666666;text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif} #socialmedia a:hover{color:#3c88b2;text-decoration:underline} #socialmedia img{vertical-align:middle;margin-right:5px;}
Salve o template. Vá nos elementos de página e clique em adicionar gadget. Escolha HTML/javascript e cole este outro código:
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png' style='width: 32px; height: 32px; float:left;'/> <a href='URL DO TWITTER'>Siga no Twitter</a> </div> <div id='socialmedia'><img alt='' src='https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png' style='width: 32px; height: 32px; float:left;'/> <a href='URL DOS FEEDS'>Assine os feeds</a> </div> <div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png' style='width: 32px; height: 32px; float:left;'/> <a href='URL DO FACEBOOK'>Curta no Facebook</a> </div>
- Em URL DO TWITTER, escreva o endereço do seu Twitter
- Em URL DO FEED, coloque o endereço dos feeds do blog
- Em URL DO FACEBOOK, coloque o endereço do seu perfil ou da página de fãs
No painel do Blogger, clique em design > adicionar gadget>HTML/javascript.
Cole o código abaixo, fazendo as respectivas alterações (em vermelho)
<div style="margin: 5px; padding: 10px;"><ahref="ENDEREÇO DO FEED"><imgstyle="border: 0px solid ; width: 48px; height: 48px; float: left;"alt=""src="http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png"></a><ahref="ENDEREÇO DO TWITTER"><imgstyle="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"alt=""src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png"></a><ahref="ENDEREÇO DO YOUTUBE"><imgstyle="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"alt=""src="http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png"></a><ahref="ENDEREÇO DO ORKUT"><imgstyle="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"alt=""src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png"></a><ahref="ENDEREÇO DO FACEBOOK"><imgstyle="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"alt=""src="http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png"></a><br></div>
Se caso precisar eu farei uma video-aula ensinando
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