Ah umas semanas comecei a colocar aqui no blog dicas para blogs, haha! Então mais uma vez venho como uma dica. E sem enrolação vamos direta ao assunto.
Uma das coisas que eu queria no meu blog e não sabia como fazer era colocar os icones das redes sociais debaixo de uma foto, ali no siderbar. Eu sempre achei isso muito legal dá ao blog uma cara de "UAL! Que blog sério e profissional" haha. Então se você também quer fazer isso siga os passos abaixo:
1 - Você precisa salvar (ou encontrar) os icones das redes sociais que você quer redimencionar os usuarios.
ALGUNS SITES ONDE VOCÊ PODE ENCONTRAR ICONES DE REDES SOCIAIS PARA O BLOGGER
1 - 2 - 3 - 4
2 - Eu recomendo a 4, bom você fará o seguinte apos escolher seus ícones: BLOG> LAYOUT> ADICIONAR UM GADGET> HTML/JavaScript>
3 - Cole o seguinte código:
< a href="LINK DA REDE SOCIAL">
< img src="URL DA IMAGEM " />
4 - Agora substitua LINK DA REDE SOCIAL logicamente pelo link correspondente a imagem, e URL DA IMAGEM pelo URL correspondente. ( Para copiar o URL click com o botão direito encima da imagem e na opção copiar URL). NÃO SE ESQUEÇA DE TIRAR O ESPAÇO ENTRE < A E < IMG .
EX:< a href="LINK TWITTER">
< img src="URL DA IMAGEM DO TWITTER" />
5 - Faça assim com todas Redes sociais que você quer na mesma janela de HTML/JavaScript dando apenas Enter de espaço entre cada rede-social.
Entenderam gente? Qualquer duvida deixe nos comentários e em breve vou responder, os ícones que eu usei estão aqui.
Se existe alguma coisa que eu coloquei aqui no blog e que você gostaria de saber como deixe logo abaixo nos comentários e eu farei um poste explicando como se faz.
1 - Você precisa salvar (ou encontrar) os icones das redes sociais que você quer redimencionar os usuarios.
ALGUNS SITES ONDE VOCÊ PODE ENCONTRAR ICONES DE REDES SOCIAIS PARA O BLOGGER
1 - 2 - 3 - 4
2 - Eu recomendo a 4, bom você fará o seguinte apos escolher seus ícones: BLOG> LAYOUT> ADICIONAR UM GADGET> HTML/JavaScript>
3 - Cole o seguinte código:
< a href="LINK DA REDE SOCIAL">
< img src="URL DA IMAGEM " />
4 - Agora substitua LINK DA REDE SOCIAL logicamente pelo link correspondente a imagem, e URL DA IMAGEM pelo URL correspondente. ( Para copiar o URL click com o botão direito encima da imagem e na opção copiar URL). NÃO SE ESQUEÇA DE TIRAR O ESPAÇO ENTRE < A E < IMG .
EX:< a href="LINK TWITTER">
< img src="URL DA IMAGEM DO TWITTER" />
5 - Faça assim com todas Redes sociais que você quer na mesma janela de HTML/JavaScript dando apenas Enter de espaço entre cada rede-social.
Entenderam gente? Qualquer duvida deixe nos comentários e em breve vou responder, os ícones que eu usei estão aqui.
Se existe alguma coisa que eu coloquei aqui no blog e que você gostaria de saber como deixe logo abaixo nos comentários e eu farei um poste explicando como se faz.
Adorei o post querida! essas imagens igual você colocou "otimizando seu blog você mesma" é feita no photo shop? Bjs
ResponderExcluirEu fiz no Photoscap, não sou muito boa no photoshop haha. Vou fazer um miniturorial para voce: Photoscap>editar>lá no cantinho direito tem uma impresorrazinha e do lado um quadradinho branco com uma listra azul>nova foto> largura600,altura70> selecione a moldura note 2> clica em foto+moldura> seleciona a moldura tape 05> foto+moldura> clika na segunda aba OBJETO> No T e escreve o texto. Entendeu? bjs
Excluira minha imagem também não parece :(
ExcluirNão consegui colocar >.< A imagem não apareceu
ResponderExcluirTalvez você tenha copiado o link da imagem em http, e não o URL verifique isso, se continuar com duvidas pode me perguntar, ok? Bjs
ExcluirAmei o post, me ajudou muito mesmo, estava querendo fazer isso a muito tempo mais nunca tinha achado um tutorial bom que nem esse, obrigada mesmo.
ResponderExcluirhttp://dominiofashion.blogspot.be/
Feliz em te ajudar, qualquer duvida pergunte.
ExcluirOi, moça!!! Adorei o post de novo...
ResponderExcluirVirei sua fã e fã do seu blog!!!! Parabéns de novo e obrigada por mais essa dica ;)
Um beeeijo.
que feliz me deixas xuxu, aaaaaaah qual seu blog? enviame o link para conhece-lo.
Excluirmaravilhoso blog, muito aconchegante *-*
ResponderExcluirhttp://fazdecontatxt.blogspot.com.br
Nossa ajudou demasi =)
ResponderExcluirBrigada
Beijo.
Ps* que blog lindo *.*
o blog ta bom demais em,eu vou até recomenda para todos meus amigos pq é muito bom,da até gosto de ver,como estou recomendando o www.rastreamentodecelular.org que estou usando na minha empresa de detetive que é muito bom tambem,nossa parabéns,to acompanhando teu blog,e vou recomendar,abraços
ResponderExcluirEbaaaaaaaaaaaa, me poes muito contente. :)))
Excluiramei o post como sou ruim com isso demorou um pouco mas no final consiqui! bjjs xoxox
ResponderExcluirInventando Moda
(clique no perfil)
Seguindo
Não consegui. Quando eu vou em adicionar um gadget não abre nada pra HTML, aparece noções básicas, destaques, mais comuns, mais adicionados e adicionar seu próprio. Socorro! ):
ResponderExcluirFofa, tá sim é uma listinha um pouco grande só você procurar com calma, ou então escrever na caixa de pesquisa "HTML/JavaScript". ou então procura que de baixo para cima que você acha.
ExcluirBjs
aaaaah obrigada <3 Não abusando da sua boa vontade, mas já abusando rs. Você sabe como diminuir a imagem?
ExcluirVc precisa diminuir ela no tamanho que você quer no photoshop,photoscap, ou paint, qualquer editor é só redimencinar , eu acho que o meu foi 45 por 45. Isso se você salvou a imagem no pc para depois colocar ela em algum site de armazenamento de imagens, se não você precisa copiar o URL de uma imagem já do tamanho desejado. as minhas estão nesse site, do tamanho certinho. ( http://s1167.beta.photobucket.com/user/Izzy_Mesquita/media/weheartit-icon.png.html?sort=3&o=42 ) bjinhos
ResponderExcluiraaah! deu certinho!!! obrigada!!!
ResponderExcluirCarambaaa!! Eu ameiii aquii *-* e esse post me ajudou muitoo! Já estou seguindooo hehe
ResponderExcluiramei o seu blog,virei sua fã ,parabéns pelo blog, eu e minha amiga criamos um blog juntas so que ainda estamos aprendendo a mexer,e estamos sem ideias ,gostaria que voce me ajudasse.olha só
ResponderExcluirhttp://meudiariodeamiga.blogspot.com.br
Adorei seu post!!
ResponderExcluirMas eu queria saber como é que você bota essa lista de postagens
("PODERÁ TAMBÉM GOSTAR DE") debaixo das postagens, por favor me ajude, quero muito saber!
Ano que vem farei um post ensinando fofa, e muito facil mas estou sem PC :(
ExcluirNossa, adorei a dica!
ResponderExcluirApanhei a tarde inteira para conseguir achar as imagens no bom tamanhos, pois os links de ícones que você deixou não tinha todos os que eu queria... aliás, tinha todos menos o instagram... por isso tive que pescar no google!
Gostei tanto que bisbilhotei o seu blog e adorei. Virei seguidora!
Você mora no Brasil ou aqui na Europa?
Beijos, um ótimo fim de semana e boas festas!
Giovanna
Esmaltólatras de Carteirinha
Oi gachenha, pois e tambem tive que olhar o weheartit, a nao tenho instagram soy pobre. Mas que vom que conseguiu! Vou fazer mais posts desse tipo para ajudar voces. Eu moro no meu brasil brasileiro mesmo, nao que eu dispensaria morar nasoropa ne? kkkk Bjs
Excluirque espaço e esse q tem q tirar não entendi
ResponderExcluireu fiz assim
< a href="http://www.facebook.com">
< img src="http://imageshack.us/a/img827/9849/facebookal.png" />
< a href="http://twitter.com">
< img src="http://imageshack.us/a/img401/9530/twitterou.png" />
< a href="http://www.orkut.com.br">
< img src="http://imageshack.us/a/img152/9628/iconeorkutx.png" />
< a href="http://weheartit.com">
< img src="http://imageshack.us/a/img705/1985/followme4.png" />
< a href="http://www.flickr.com">
< img src="http://imageshack.us/a/img339/2273/thflickr32.png" />
< a href="http://www.youtube.com">
< img src="http://imageshack.us/a/img811/6108/iconeyoutubegf.png" />
< a href="http://delicious.com">
< img src="http://imageshack.us/a/img90/8906/deliciousw.png" />
deu certo? o espaco e o entre o vezinho de lado, esqueci o nome disso, haha e a letra A. E depois entre esse negocio e a sigla IMG.
ExcluirO codigo e esse sem os asteriscos*
Excluir<*a href="LINK TWITTER">
<*img src="URL DA IMAGEM DO TWITTER" />
Ameii a dica, demorei um pouco pois estava copiando em Https :ai não estava dando certo, mais consegui...adorei o blog e já estou seguindo... ;D muito Obrigada.
ResponderExcluirBeijoos
Fan Page : https://www.facebook.com/BlogFlorDePimentaRosa
Blog :http://flordepimentaros.blogspot.com.br/
Nossa. Serviu muuuito para mim. Muito obrigada.
ResponderExcluirObrigado! Estava precisando disso.
ResponderExcluirContinue assim.
Meu Blog: http://allavengersstallionduck.blogspot.com.br/
Olá querida, estava procurando sobre o assunto do post e amei esta dica! Seu blog é uma graça! Eu que criei o meu layout, não sei mexer tão bem é uma linguagem nova em tudo mas, até que estou a aprender muitas coisinhas!
ResponderExcluirMoro em Portugal. Baby vou usar os candys vai ficar muito fofo, espero consegui fazer direitinho rs...já estou te seguindo . Aproveito para deixar um convite para participar do sorteio de 2 livros da Editora Gente e de uma paleta da Sephora que irá ser sorteada em breve.
Um ótimo domingo para sí - Beijos!
sweetbulunga.blogspot.pt
Este comentário foi removido pelo autor.
ResponderExcluirOlá! Eu tentei fazer o candys mas, não estou conseguindo porque os que vem todos juntos em uma so imagem não tem como copiar a Url. Podes me ajudar?
ResponderExcluirBeijos
Oi gachenha, aqui se a imagem que vc quer vem todos juntos vc tera que separa-los no photoshop, assim vc corta cada um salva com o nome ex: twitter, fb etc... depois de feito isso vc os hospeda em algum site, picasa, photobucket e etc, depois vc copia o url e coloca :)
ExcluirObrigado!
ResponderExcluirAdorei!
ResponderExcluirNão consegui colocar no meu blog !
ResponderExcluirGaatiinhaa Vaaleeu Me Ajudoou bastaante! Faz um Post Sobre Como Fazer o Menu Rápido Com Imagens!
ResponderExcluirvaleeeeeeeeeeeeeeeeeu!
ResponderExcluirAdorei!!!
ResponderExcluirMeu blog: http://rosaemorena.blogspot.com.br/
Ameei seu blog, tive um pouquinho de dificuldade mais depois foi só felicidades, beijinhos
ResponderExcluirhttp://juuhnacozinha1.blogspot.com.br/
Meu nome é Miguel Barboza.
ResponderExcluirMuito obrigado, ajudou muito, vc é perfeita beijão!
my face: https://www.facebook.com/miguel.barboza.50
Obrigada ♥
ExcluirOii então eu tentei fazer com a pagina de contatos do meu blog e deu errado, já com o do facebook deu certo.
ResponderExcluirOlha o meu blog manualdegarotastotalmentepink.blogspot.com
Vlw, ajudou muito. :D
ResponderExcluiradolescentelouco-lol.blogspot.com
OOi!
ResponderExcluirSuper me ajudou esse post!
Adorei seu blog e também sou de Minas.
Se quiser visitar meu blog: http://fazendodezoito.blogspot.com.br/
Este comentário foi removido pelo autor.
ResponderExcluirEu não consegui colocar as imagens será que poderia me ajudar please
ResponderExcluirVocê podedia mostrar como colocou o gif como titulo !
ResponderExcluirbjs
Só fiz o gif no photoscap e hospedei no photopuxcket, e depois fui no lugar do cabeçanlho do blog e carreguei;
Excluirolha to com um problema fiz exatamente oq vc disse os links tao funcionando e tudo redireciona pra pagina que eu defini mas , sabe quando a foto nao carrega direito que aparece aquela fotinha pequena com uma paisagem ? poius e ta assim . o que eu faço?
ResponderExcluirah responde rapido pfvr to deseperada
ResponderExcluirmas qual sua duvida?
ExcluirDesculpa sua duvida estava na caixa de spam, vi agora. Bom você provavelmente copiou o endereço do link, e não o URL DA IMAGEM, você tem que clicar com o botão direito sobre a imagem e ir em copiar URL DA IMAGEM. Verifique se fez isso; Bjs Desculpa por não ter respondid ontem. ♥
ExcluirADOREI O POSTE, MUITAS DICAS BOAS!!
ResponderExcluirhttp://saelimundofeminino.blogspot.com.br/
Adoreiiii demais essas dicas, mas pedi ajuda da minha mãe pra não fazer nada errado hehehe, mas deu td CERTO !
ResponderExcluirBeijoss
http://carol-soparameninas.blogspot.com.br/
Consegui vistia ai http://liviapmariniface.blogspot.com.br/
ResponderExcluircomo faço para colocar uma imagem do lado da outra?
ResponderExcluirtem que fazer um ícone de cada vez né?
ResponderExcluirsim, um de cada vez
Excluiroi tudo bem?eu queria saber se você poderia fazer um tutorial ensinando como fazer um menu com imagens tipo o seu?(menu clique rápido)obrigada!
ResponderExcluirSim, sim vou ver se faco isso essa semana.
ExcluirMUITO OBRIGADO!!!!!!!!!!!!
ResponderExcluir-> Que tal dedicar um pouco para se preparar para o futuro e os estudos? Acesse: www.estudajovem.com.br - Estuda Jovem!
Estou engatinhando, mas sua dica fui muito útil! Obrigada!
ResponderExcluirhttp://www.lingerienapanela.com.br/
Ameii *-------------* Muito obrigada, blog divo, galera diva, etc! Amei vocês!!!!
ResponderExcluirhttp://cantinhodophotoscapeee.blogspot.com.br/
O link da rede social é o link do meu perfil?
ResponderExcluirNo Configurar HTML/JavaScript tem que ser qual formato?
ResponderExcluirAdorei sua dica. Fiz no meu *-* Se nao for incomodar da uma passadinha la se gostar se inscreve pfvr, comecei faz uns dias
ResponderExcluirhttp://soletreamor.blogspot.com.br/
obrigada linda :3
Adorei, o mais simples que eu vi.
ResponderExcluirUsei :)
http://defeito-defabrica.blogspot.com.br/
Oii td bem ?? não consegui entender quero colocar o do twitter o canal do youtube e o facebook nesse blog http://blogbruks.blogspot.com.br/ com essa tema tem como eu colocar ?? como eu coloco ?? obg
ResponderExcluirooi izzys não consegui copiar a url, quando eu copio aparece a foto de todos os icones la no blog :/ n sei como copiar so a do face, se vc puder ajudar :D
ResponderExcluirConsegui copiar a imagem, mas quando vai no blog so aparece o icone mas n dá pra ir pra o perfil do face :/
ResponderExcluirObrigado :D
ResponderExcluirAdorei o post,estava com muita dificuldade de entender como se faz
ResponderExcluirmas com sua explicação ficou tudo mais fácil.
Queria saber se você tem algum post de como colocar essa opção curtir
suaa page ali do ladinho??
beijos,
http://wwwcarollimafotografias.blogspot.com.br/
Este comentário foi removido pelo autor.
ResponderExcluirMuito obrigada viu, me salvou mesmo :)
ResponderExcluirhttp://myvidawriting.blogspot.com.br/
muito bom esse blog amei...
ResponderExcluirmeu blog: http://mensagens-deamor.blogspot.com.br/
Menina que blog lindo!!! Vou seguir, amei.. segue de volta? http://cristielepereira2.blogspot.com.br/
ResponderExcluirBoa tarde... adorei o seu blog... fiz o passo a passo, mas acho que deu algo errado, pois a imagem aparece do ícone, mas deixa essa mensagem no blog "A página que você está procurando neste blog não existe." o que fiz de errado?? Afinal, é a primeira vez que me aventuro em montar um blog... bjs
ResponderExcluircapimdecheior@yaho.com.br
Minha imagem também ficava com aparência de carregando, mas nos próprios comentários vc já tirou a dúvida que eu tinha, deu muito certo :) Muito obrigada mesmo. Tava há um tempão procurando! *----*
ResponderExcluirwww.alemdemim.com
adorei o blog haha
ResponderExcluirbeijos
http://adolescentes-atualizadas.blogspot.com.br/
Adorei :)
ResponderExcluirficou lindo :] obg dá uma passadinha lá no meu blog, se escreve flor :)
Da uma olhadinha no meu blog? criei a pouco tempo! Obrigada rs
ResponderExcluirhttp://adoradoradesonhos.blogspot.com.br/
Amei ;3
ResponderExcluirVisita meu blog:
http://youtrendyalways-yta.blogspot.com.br/
Gente esse código serve tbm para Wordpress, só que só serve para páginas em HTML. Para fazer é assim vá na página que quer e depois Texto cole o código e faça exatamente como post acima ensina e salve , vai ficar igual a este post da Fran>>>http://morandosozinha.com.br/sobre/
ResponderExcluirO seu tutorial foi o mais facil e o unico que eu consegui fazer obg pela ajuda >< bj bj
ResponderExcluirhttp://rafardr.blogspot.com.br/
Será que pode me ajudar? As imagens das redes sociais não estão aparecendo. Se puder me ajudar me envia um email: carolwdutra@hotmail.com
ResponderExcluirFuncionou! Muito obrigado!
ResponderExcluirolá, tenho um blog chamado 20 e uns e adoraria saber como vc colocou aquele menu rápido http://20euns.blogspot.com.br/
ResponderExcluiroi, então esse menu rápido é feito com o mesmo sistema, eu fiz as imagens no photoshop hospedei, e dai usei os links dos marcadores para redimencionar qdo clicam na imagem.
Excluireu ñ to comsiguindo ta muito confuso alguem me ajuda
ResponderExcluirBoa tarde Izzy!!!
ResponderExcluirMenina, estava procurando uma ajuda assim a dias...hoje fui tentar...olhei em outro blog, e tantos detalhes...nem consegui copiar...acho que o blog deve ser só para ver. (risos)
Já o seu não...deu CERTOOOOOOOOOOOO!!!
Show!!!
Muito fácil e fiz rapidinho.
Só tenho que agradecer!!!
Que Deus continue a lhe abençoar e a realizar todos os seus sonhos e desejos!!!
Obrigada por compartilhar o que sabe...
Se precisar de algo e puder te ajudar pode falar, ok!!!
Feliz e Abençoada Semana!!!
Bjokas...da Bia!!!
Adorei o seu post,e o blog também.Seguindo *-* se puder retribui flor http://blogprincesadorock.blogspot.com.br/
ResponderExcluirAmei o post *----* Vou usar as dicas. Se puder retribuir http://kerolaystefany.blogspot.com.br/ já estou seguindo :)
ResponderExcluirOi!
ResponderExcluirPassando pra informar que fiz e deu tudo certo, ainda bem. Faz tempo que procuro um tutorial simples e eficaz como esse, parabéns.
Quem quiser visitar: s-almeida.blogspot.com.br
xx
oii!! depois de olhar vááários tutoriais só consegui com o teu! ficou super bom e muito bem explicado..só que eu fiz e meus incones ficaram enormes e um embaixo do outro! Será que tu pode me ajudar? o que eu faço? brigadinha!!!!! AMEI SEU BLOG *--*
ResponderExcluirNão estou conseguindo, a imagem n aparece, n sei onde salvar para copiar depois.
ResponderExcluirMas adorei seu blog, seguindo.. me segue também
http://www.drikabrito.blogspot.com.br/
< a href="https://www.youtube.com/user/fael140599">
ResponderExcluir< img src="http://i62.tinypic.com/xkqbdk.jpg " />
< a href="https://twitter.com/priofernandes">
< img src="http://i57.tinypic.com/2zq4pjp.jpg " />
< a href="http://instagram.com/prioliveirafernandes">
< img src="http://i58.tinypic.com/r0ttg5.jpg " />
Fiz assim e não deu nada certo o que é?
Ola.
ResponderExcluirTentei mas infelizmente nao consegui. :(
Será que voce pode me dar uma ajudinha, por favor?
Já não sei mais o que fazer.
www.gabyfarrell.blogspot.com.br
Obrigada
lindo blog , seguindo , segue de volta ? http://prettywoman-on.blogspot.com.br/
ResponderExcluir