Imagens Lado a Lado, Fazer Colunas nos Gadgets

Algumas pessoas que visitam nosso blog perguntaram sobre como colocar imagens uma ao lado da outra como fizemos com os links para nossa comunidade no Orkut, Facebook e Vídeos do Youtube que temos em nosso menu. Existem varias maneira de fazer aquilo usando códigos CSS ou tabelas em HTML(que já mostramos em outra postagem: Dividir um gadget em duas colunas), mas preferimos mostrar como fazer utilizando as divs.

divulgar bloggerNaturalmente estamos falando de gadgets de html/javascript onde podemos colocar códigos diretamente dentro deles, se quiser colocar gadgets ao lado do título do seu blog veja aqui:Como dividir o cabeçalho do blog em duas partes.

Voltando ao assunto colocar as imagens ou textos lado a lado no gadget use o seguinte código:
<center>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="float:left; width:33%">conteudo aqui</div>
</center>


O valor 33 é utilizado porque são 3 colunas se usar outra quantidade e altere esse valor para que a soma seja algo próximo de 100 mas sem ultrapassar, por exemplo para duas colunas poderiamos usar 49 em cada uma delas.

O Código para colocar imagens é assim:
<a href="http://www.orkut.com.br/Main#Community?cmm=46751209"><img src="endereço da imagem" border="0" /></a>


Mas é claro você terá que hospedar uma imagem e alterar o endereço do link, este do exemplo é da nossa comunidade no orkut.
Se depois de utilizar as 3 colunas quiser voltar a fazer uma coluna só acrescente essa linha no final <div style="clear:both">conteudo aqui</div>, ficando deste jeito:

<center>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="float:left; width:33%">conteudo aqui</div>
<div style="clear:both">conteudo aqui</div>
</center>


dividir gadgets do blogger

Esse código não é indicado para fazer menus de texto, veja aqui um código melhor para menus:Links lado a lado (menu horizontal).

Mais Links úteis:
Colocar ou alterar as bordas
Como fazer um banner
Como Formatar o Texto do Blog

Como já dissemos no inicio existem outras maneiras de fazer isso, mas achamos essa uma das melhores, pois seria possível colocar, por exemplo, duas imagens com um texto no meio ou qualquer outra combinação de conteúdo nas colunas que acabamos de colocar dentro do gadget do blogger.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

132 comentários:

  1. obrigado pela resposta... eu estava aguardado

    ResponderExcluir
  2. Boa Noite!!

    Gostaria de saber como faço para quando eu digitar endereço de blogs e sites no meu blog, ir direto a pagina ñ precisando copiar e colar...
    Obrigada...

    ResponderExcluir
  3. na hora de colocar os links para outros sites use a ferramenta link na pagina de postagem ou o seguinte código:

    <a href='http://www.dicasparablogs.com.br' target="_blank">Dicas para Blogs</a>

    ResponderExcluir
  4. otima postagem e bem interessante,acabei de me inscrever em seu canal atravez deste Gadget!

    ResponderExcluir
  5. Não entendi nada com nada. Acho que vc explicou direito, mas não entendi como faz para colocar as imagens... Por favor, me ajude.

    ResponderExcluir
  6. Heli
    no local que escrevemos conteúdo aqui você deve colocar o código de cada imagem, banner ou qualquer outra coisa

    ResponderExcluir
  7. Oi

    Eu queria saber como se faz para uma imagem ter vários links. Por exemplo: tenho uma única imagem com vários botõezinhos. E quero que cada botão seja um link. Se for possível, me avisa, OK? Ah, e ótimo post!

    Grato

    ResponderExcluir
  8. na verdade os menus são varias imagens e cada uma tem seu link, pode fazer usando esse tutorial, claro que ajustando o valor da largura para o tamanho dos botões ou veja aqui: Links lado a lado (menu horizontal)

    ResponderExcluir
  9. obrigado. Queria perguntar outra coisa:

    Como se faz para eu escrever um texto dentro de uma imagem?

    Obrigado pela atenção e parabéns pelo sucesso do blog

    ResponderExcluir
  10. para colocar um texto dentro da imagem precisa de um programa para editar imagens: Programas Gratuitos para Edição de Imagens

    ResponderExcluir
  11. Não, não é isso o que quero. Eu vejo muito na internet que tem algumas imagens com texto. Mas esse texto dá para ser selecionado, mesmo em cima da imagem. Vou tentar dar um exemplo. No blog humorístico do globoesporte, http://globoesporte.globo.com/platb/bolanascostas/, tem ali do lado, escrito "Rss do Blog", de que é possível selecionar

    ResponderExcluir
  12. ele só colocou um texto ao lado de uma imagem, altere o código da imagem assim: <img style="float:left" src="........

    e ela ficará ao lado do texto

    ResponderExcluir
  13. Fabiano, voçê ensinou aqui como dividir colunas em um gadget.

    E como seria pra dividir em tres colunas em uma postagem pra colocar tres imagens com titulos?

    ResponderExcluir
  14. para fazer 3 colunas dentro de uma postagem o código é o mesmo

    ResponderExcluir
  15. Eu achei o código que queria para botar um texto sobre uma imagem! Te mandei um e-mail com o código, porque o blogger não aceitou aqui nos comentários.

    Aposto que muitos blogueiros já pensaram nisso mas não sabiam como. Posta isso no blog!

    Grato

    ResponderExcluir
  16. Rodrigo G. Neves
    vou olhar seu email, e testar o código que enviou.

    mas acho que as pessoas que dizem escrever sobre a imagem querem uma marca d'agua, como fizemos em algumas postagens para tentar impedir copias

    ResponderExcluir
  17. Poxa fabianooooo, gosto mt daki e de vc. O carinho e a paciência q vc tem conosco... mas as vezes naum entendo bulufas. Acho q esse post naum tah bem explicado.... Inclusive eh o segundo q naum consigo entender...vc poderia dar o passo a passo p gente q como eu eh uma cyber analfabeta....poxa se kero colokar duas colunas o texto q vc deu só vai ter duas linhas????
    bjks, Vanessa Ramos

    ResponderExcluir
  18. basicamente esse tutorial diz para adicionar um gadget de html/javascript e dentro dele colocar o código das divs, isso divide o gadget em colunas e dentro de cada div você pode escrever ou colocar uma imagem

    <div style="float:left; width:33%">conteudo aqui</div>

    ResponderExcluir
  19. Fabiano, vç tem ai como adicionar um banner ou imagem no rodapé do blog, tem uns no youtube mais o HTML é diferente do meu não sei porque e não da certo.

    ResponderExcluir
  20. para adicionar um banner no rodapé só adicionar um gadget, qual código html está tentando usar...?

    acho que não entendi direito sua duvida

    ResponderExcluir
  21. Ok Fabiano, aqui nessa página o rodapé: Denuncie os Plagiadores, isso funciona!
    Copyright © 2007-2010. Todos os direitos reservados, se eu quiser trocar por um banner, como faço, vç tem algum tutorial ai?

    No meu caso o rodapé do meu blog diz:Modelo Picture Window. Imagens de modelo por hdoddema. Tecnologia do Blogger.

    Esse que eu gostaria de mudar por um banner entende.
    Obrigado pela atenção.

    ResponderExcluir
  22. esse aviso no final da pagina é só um gadget de html no rodapé do blog, você só precisa colocar um gadget com o que desejar

    ResponderExcluir
  23. Entendi.
    Eu tambem to pesquisando e dizem que só é possivel colocar mais de uma postagem na primeira página do blog, eu queria colocar varias postagens tambem na segunda ou terceira página e dizem que não dá. E´ verdade isso.

    ResponderExcluir
  24. ...Não deu certo, não consegui verificar onde coloco este código...

    ResponderExcluir
  25. você coloca esse código dentro de um gadget de html/javascript

    ResponderExcluir
  26. Boa dica?
    Ótima dica Filhão...
    Te admiro mais a cada dia que passa, e, te abençôo com o direito materno que me cabe, pelo ser humano que tu és.
    Teu sucesso é fruto dos teus dividendos e de tuas ações Fabiano.
    Obrigado por existir no nosso dia-a-dia. Sabemos que sem tua ajuda, a vida de muitos blogueiros teria sido muito mais difícil.
    Beijinho gostoso no coração!!!

    ResponderExcluir
  27. ola gostaria de saber como faço pra colocar um link de imagens forte na postagem... desde já agradeço

    ResponderExcluir
  28. Já tentei colocar,mas nao consegui. :(

    Tô indo em adicionar um gadget > html/javascript > tô colando dentro de 'cole aqui'isso:

    http://img98.imageshack.us/img98/5030/iconetwitter.gif

    e não fica =/
    só fica o texto.
    Tem como ajeitar?

    ResponderExcluir
  29. Anônimo
    o código html para colocar imagem é assim:
    <img src="http://img98.imageshack.us/img98/5030/iconetwitter.gif" />

    ResponderExcluir
  30. Como seria esse tal codigo, como é o padrão dele primeiro link da imagem deois destino, me ensina ae

    ResponderExcluir
  31. Fabiano, em primeiro lugar parabéns pelo site, é muito útil para os usuários do blogspot! Gostaria de saber como colocar um link vinculado à imagem, por exemplo, coloco um ícone do twitter e ao clicar em cima dele a pessoa é redirecionada automaticamente. Valeu!

    ResponderExcluir
  32. fazer links para seu perfil no twitter ou qualquer outro lugar com imagens é igual fazer um banner, então se precisar veja neste link um gerador de código

    ResponderExcluir
  33. interesante mai eu queria saber como coloca o link da suas redes sociais ao lado da coluna

    ResponderExcluir
  34. kayque
    para colocar os botões no canto da pagina veja aqui o código: Fixar botões no canto da pagina

    ResponderExcluir
  35. Muito bacana sua dica...
    So uma duvida...Como faço para eu comecar uma nova linha com 3 colunas ?
    Obrigado

    ResponderExcluir
  36. para começar uma nova linha com 3 colunas use o código assim:

    <center>

    <div style="float:left; width:33%">conteudo aqui</div>

    <div style="float:left; width:33%">conteudo aqui</div>

    <div style="float:left; width:33%">conteudo aqui</div>

    <div style="clear:both">

    <div style="float:left; width:33%">conteudo aqui</div>

    <div style="float:left; width:33%">conteudo aqui</div>

    <div style="float:left; width:33%">conteudo aqui</div>

    </div>

    ResponderExcluir
  37. poww
    coloquei esse codigo em meu blog....
    só q no meu caso sao 6 imagens...1 ao lado da outra formando uma fileira de 3....
    só q na ultima fileira fica dando um espaço do lado esquerdo feioso...sabe oq pode ser?

    ResponderExcluir
  38. veja se os espaços (width) estão corretos e o alinhamento center

    ResponderExcluir
  39. Fabiano... Teria como juntar esse código com o código da galeria de imagens? É que se formos criar realmente uma galeria de imagens, os links ou as miniaturas ficarão todos na vertical. Acho que ficam esquisitos. Desse modo ficariam com links lado a lado, ou imagens lado a lado tipo colunas que, clicando veríamos a imagem em tamanho grande.
    Toma isto como uma sugestão ok?
    Beijinhos

    ResponderExcluir
  40. Natália
    é possivel fazer, mas vai dar um pouco de trabalho.... vou fazer uns testes e se for possivel criar um tutorial sobre o assunto

    ResponderExcluir
  41. e como faz para botar o link do orkut,facebook,twitter junto as fotos.

    ResponderExcluir
  42. veja no link como fazer um banner no tutorial...

    as imagens do twitter, facebook... são só imagens com links (banners)

    ResponderExcluir
  43. Olá
    Fabiano
    Saudações.
    Imagens de texto lado a lado.Para um iniciante igual eu, tive algumas duvidas pq não conseguia. Na sentença do codigo.
    No inicio usei
    center (conteudo) fechar... div -/center
    nã- ao escrever este email , não pode usar tag.
    Precisei fechar assim para funcionar.
    Muito obrigado pelas suas explicações.
    Um abraço

    ResponderExcluir
  44. Olá as postagens do meu blog está distante do título,me ajude por facvor.

    ResponderExcluir
  45. veja se no seu html no estilo h2 ou h3 tem margin ou padding com valor alto...

    não tem como ser mais especifico pois isso varia conforme o template

    ResponderExcluir
  46. Fabiano vc manda muito bem,adorei esse tuto e já estou usando...
    Abraços...
    http://drikabello.blogspot.com/

    ResponderExcluir
  47. olá muito boa a sua dica era o q estava procurando, até consegui colocar os botões de rede sociais um do lado do outro mas o tamanho ficou diferente, um tá maior q o outro e queria q ficasse do mesmo tamanho e tb ñ está alinhado.
    será q vc poderia me ajudar?
    www.olhinhosdacaju.blogspot.com

    obrigada.

    ResponderExcluir
  48. os tamanhos das imagens você precisa modificar usando algum programa para editar imagens não é recomendável acertar isso com códigos

    ResponderExcluir
  49. Oi Fabiano... obrigada pela dica... jeito bom.
    Gostaria de saber como faço para por essas imagens e o link abrir na mesma página.
    Obrigada.

    ResponderExcluir
  50. para abrir o link na mesma pagina é só naõ usar o target = blank

    ResponderExcluir
  51. Mais uma duvidazinha... hehe... Gostaria de fazer esse passo como um menu em um template pronto, modificando-o. Só que nele somente há lugar para colocar o gadget em outros locais.. eu consegui criar um novo gadget para o menu, mas não consigo posicioná-lo no local exato... pode me ajudar??

    ResponderExcluir
  52. para colocar o menu é só adicionar o gadget de html/javascript

    Veja aqui sobre Problemas para mover ou adicionar gadgets do blog

    ResponderExcluir
  53. ótima dica....to conseguindo aprender bastante com site...vale a pena conferir...Obrigado desde há !!!

    se quiserem visitar meu blog,

    www.lemonds.tk

    nao custa nada,to em busca de parceiros,um ajudando o outro conseguimos chegar onde queremos !!!!

    ResponderExcluir
  54. Olá Fabiano, Não consegui mesmo carregar uma imagem e o link q ela deve abrir, eu quero fazer exatamente igual o exemplo e como é no teu blog só com o twitter, face e youtube, mas no meu caso aparece a escrita do endereço da imagem e não realiza o link para a página. Grato pela atenção

    ResponderExcluir
  55. é possivel que o endereço da imagem esteja errado.. tente com outra

    ResponderExcluir
  56. Parabens Fabiano... otimo site!!!!

    segui seu tutorial e deu certo fiz com duas colunas
    só que tenho uma duvida:
    como faço p/ inserir um espaço entre as imagens?
    obrigado!

    ResponderExcluir
  57. se usar a tag center como usamos no tutorial as imagens ficarão centralizadas, ou seja haverá um espaço dos lados de cada imagem, desde que a coluna tenha a largura suficiente

    ResponderExcluir
  58. preciso que tambem me diga se eu usar a no negosio 11% vai dar somente uma coluna
    AGORA ESTOU ENTENDENDO

    ResponderExcluir
  59. o valor 33 é porque são 3 colunas entao a soma dá 99, deve mudar esse valor conforme o numero de colunas para a soma dar um pouco menos que 100

    mas se quiser uma coluna só não precisa deste código

    ResponderExcluir
  60. Conf q antes eu era super fã do teu site mais depois disso to muito irritado quando entro no meu blog sempre aparece uma anuncio sem ser meu aff

    ResponderExcluir
  61. ajuda fika aparecendo esse link http://www.contadorsite.com/adserver/publi-br.php

    ResponderExcluir
  62. provavelmente tem esse endereço no seu codigo..

    mas ele é um gadget? se for verifique o gadget, senão veja na pagina editar html

    ResponderExcluir
  63. Fabiano, tu és O Cara (com maiúsculas mesmo).

    ResponderExcluir
  64. Ai Deus! em cada coluna eu quero uma imagem que, quando é clicada, vai para uma pág., igual a deste blog, MAS EU NÃO SEEEI FAZER! como eu coloco igual o do blog?

    ResponderExcluir
  65. é só colocar o código das imagens dentro das divs

    ResponderExcluir
  66. Num tem como fazer uma vídeo aula ensinando não? pq eu continuo sem entender nd!

    ResponderExcluir
  67. onde está escrito conteudo aqui você pode colocar o que desejar que ficará separado em 3 colunas como na imagem

    ResponderExcluir
  68. mas qual foi o problema? não dividiu as colunas? vc não conseguiu colocar o conteudo que desejava?

    ResponderExcluir
  69. Oi Fabiano, nao consegui fazer voce ate explicou bem, mas nao disse exatamente onde era pra colocar esse código, se era numa gadget de imagem ou em html/java script, quero colocar esses códigos junto com o icone e o link das redes sociais... como faço ???
    aguardo urgentemente

    ResponderExcluir
  70. Fabiano, curto muito seu blog e estou sempre te acompanhando! Primeiramente, parabéns! rs
    Estou com uma dúvida, fiz tudo certo, porém quero deixar meus ícones no centro, como faço isso? Apesar do ele continua no começo do gadget!
    Aguardo respostas..
    abraçoss

    ResponderExcluir
  71. coloque center no começo e final do código, assim:
    < center > ... codigo .... < / center >

    ResponderExcluir
  72. Poxa Fabiano, minha imagem é do computador, não sei o link delas, poxa... E nem tem como pegar essas imagen pequenas de twitter com link assim, eu salvo no computador. E agora?

    ResponderExcluir
  73. Como façço para dar mais espaço entre as imagens ?
    Me ajude por favor.. o mais rapido possivel

    ResponderExcluir
  74. o código como está centraliza as imagens... ou seja já deixa um espaço entre elas... é claro isso vai depender da largura total da coluna do seu blog

    ResponderExcluir
  75. Olá, Fabiano!
    Gostaria muito de colocar fotos, ou icones um do lado do outro, li sua explicações, porém, sou super leiga nesse negócio de Html, onde eu coloco aquele código? Por faor, me help!!!

    Obrigada!

    ResponderExcluir
  76. você deve adiconar esse código completo em um gadget de html/javascript

    ResponderExcluir
  77. Não sei se nesse blog tem um tutorial de ~como diminuir os espaços entre cada Banner~

    porque quando vejo nos outros blogs está apenas um espacinho em cada banner
    e no meu blog quando Crio os HTML fica um espaço do 30 pxl de um pra outro
    alguem pode me ajudar

    ResponderExcluir
  78. depende de como colocar os banners... se usar um em cada gadget fica com espaço grande...

    mas se for de parceiros ou seja tiver o código html, pode colocar todos no mesmo gadget de html/javascript então ficarão proximos

    ResponderExcluir
  79. Fabiano Boa tarde,quero colocar os banners todos em uma pagina(pagina de parceiros)usei o código e os banners não estão ficando alinhados, o do meio sempre fica um pouco mais abaixo que os das laterais.Mesmo eu colocando os banners do mesmo tamanho.Poderia me dizer por que?

    ResponderExcluir
  80. micarla
    fizemos uma pagina com imagens de nosso blog Frases Curtas,veja se é mais ou menos isso que está querendo

    ResponderExcluir
  81. Isso mesmo que quero fabiano,me diz como fazer,obrigado.

    ResponderExcluir
  82. vou fazer um tutorial e publicar amanhã... a explicação é um pouco longa... principalmente por causa das variações possiveis...

    ResponderExcluir
  83. Obrigado por sua atenção,vou esperar.

    ResponderExcluir
  84. Boa Tarde! Gostaria de saber porque, ao colocar as tres colunas, a terceira sempre saido alinhamento horizontal, ou seja, as duas primeiras vem no mesmo alinhamento (topo) a 3ª vem sempre com o topo abaixo da 1ª e da 2ª, dando um acabamento feio. Obrigado.

    ResponderExcluir
  85. se uma das colunas ficou embaixo é porque o espaço nao é suficiente para elas...

    precisa reduzir o conteudo das colunas ou usar só duas

    ResponderExcluir
  86. simplesmente o melhor blog de dicas que Existe na internet...belo post!!!!!!

    ResponderExcluir
  87. Obrigada por ter respondido meu email, estava colocando o codigo errado, agora deu certo parabéns pelo seu site!!!!!

    ResponderExcluir
  88. olá eu gostaria de colocar aquelas divisórias nas laterais para dar mais um than no blog,do jeito que ta bagunçado,,obg,bjus
    http://blogdasonhagleide.blogspot.com/

    ResponderExcluir
  89. blog da sonha gleide
    divisorias?... entre as colunas? é uma imagem de fundo no estilo #content-wrapper

    ResponderExcluir
  90. bem finalmente eu consegui dividir as colunas.
    Mas eu queria saber, como aumento o numero de colunas?

    ResponderExcluir
  91. DIC JOGOS
    se usar os novos templates é na pagina design do modelo, lá tem como alterar as larguras, senão entre na pagina editar html e procure por #sidebar {width: 260px..... claro que será um pouco diferente, mas o importante é achar o valor que está em width:

    mas se aumentar esse precisa diminuir a largura da coluna das postagens (#main) ou aumentar a largura total do blog (#outer-wrapper)

    ResponderExcluir
  92. ae como que eu adiciono a imagem, e como adiciono o destino do link(que seria a imagem)?

    se puder me passar os codigos das imagens do facebook, vimeo e youtube para facilitar.

    ResponderExcluir
  93. oi fabiano tudo bem eu queria saber como coloca os banners de parceria no menu de parceria sempre quando eu boto fica na pagina inicial eu quero que fique no menu de parceria você pode me ajudar!!obrigado

    ResponderExcluir
  94. TWO FLUX
    o código é igual o link de qualquer outro banner... por exemplo

    <a href="http://www.facebook.com/dicasparablogs" target="_blank"><img src="http://acessoriosparablogs.com.br/dicas-blogs-facebook.gif" border="0" /></a>

    claro que usando o endereço da imagem e site que desejar

    ResponderExcluir
  95. pode me mandar seu email para que eu possa falar com vc melhor?

    ResponderExcluir
  96. po brigado entendi agr, mas msm assim deixa seu email pra qualquer duvida vlw pela atenção blog perfeito

    ResponderExcluir
  97. nosso endereço de email está no lateral do blog..

    ResponderExcluir
  98. Sensacional post Fabiano, você está de parabéns!

    Obrigado.

    ResponderExcluir
  99. Deu tudo certo, mas a imagem ficou grande de mais, tem como diminuir? Quero colocar fixa em cima no canto esquerdo do blogger! Poderia me ajudar??

    ResponderExcluir
  100. Isadora Drew Bieber
    o tamanho das imagens tem que ajustar num programa para editar imagens ou em algum site online, veja aqui: Editor de Imagens, Fotos e Banners Online

    ResponderExcluir
  101. Funcionou :) Vlw mesmo Dicasparablogs vocês são os melhores parabéms www.downsmassa.blogspot.com

    ResponderExcluir
  102. olá fabiano, como eu faço pra deixar minhas coluas de gadgets desse jeito desse site?

    http://www.brasildowns.com.br

    pra colocar no meu blog

    senhordelphi.blogspot.com

    aguardo resposta, e se possivel me dê seu banner pra eu colocar la no meu blog, eu coloco os banners de quem me ajuda,grato

    ResponderExcluir
  103. @Rai ele usou uma imagem no topo de cada gadget, você poderia colocar na pagina editar html junto com os outros estilos CSS, isso aqui:

    .widget {background-image: url(endereço da imagem); }

    isso faz uma imagem de fundo no inicio de cada gadget, só precisa criar uma imagem no tamanho certo

    ResponderExcluir
  104. @Fabiano Roberto olha, eu fiz o que vc disse, coloquei embaixo da linha content, mas a imagem apareceu tbm na pagia de postagem, e se multiplicou, ficou horrivel, qual o lugar certo pra por esse treco ai?

    ResponderExcluir
  105. MUIIIIIIITO LEGAL CARA EU FAZIA DE TUDO PARA POR LADO A LADO MAS NAO FICAVA ERA POR CAUSA DO MEU TEMPLETE QUE INPEDIA OS BANNER DE FICAREM LADO A LADO MAS COM ESSE CODIGO FUNCIONA DIREITINHO !

    MAS ACONCELHO:

    ___Nao adc varios banners de uma vez so no mesmo codigo!
    ___Eu fiz tudo de uma vez e so os quatro primriros ficaram alinhadinhos o resto ficou tudo torto!

    Entao eu aconselho a adc so 4 no codigo depois vc pega o codigo novamente e adc + 4 e ai vai!


    BOM EU FIZ TUDO DE UMA VEZ NO MESMO CODIGO E DEU ERRADO mas talvez no de vcs dê certo! '-'

    ResponderExcluir
  106. Galera tenho um site que usa banners do adsense e gostaria de saber como eu posso fazer para ocultar os banners da página inicial do blog?Gostaria que fosse visualizado o banner apenas quando o visitante abrisse o post completo.

    ResponderExcluir
  107. vc é o cara, muito bom..

    ResponderExcluir
  108. Tem como colocar uma tarja na foto em css, com o nome da foto? aproveitando este seu codigo?

    ResponderExcluir
  109. guilherme
    tarja na foto? não entendi o que está querendo fazer.

    esse código só coloca imagens lado a lado, se quiser alterar algo na imagem precisa de um programa de edição de imagens

    ResponderExcluir
  110. Vamos supor que alguem queira usar este codigo para fazer um classificados. teria como colocar uma descrição embaixo de cada imagem, como é feito na maioria dos classificados?

    ResponderExcluir
  111. Anonimo seria possivel você deve usar nos lugares indicados com conteudo aqui esse código:

    <a href="http://www.dicasparablogs.com.br" title="Dicas para Blogs" target="_blank"><img src="http://acessoriosparablogs.com.br/dicas/banner-parceria.gif" border="0" /></a><br />Tutoriais e Ajuda para Blogueiros



    no trecho title="Dicas para Blogs"

    Dicas para Blogs é o texto que aparece ao passar o mouse sobre a imagem, então pode alterar como quiser ou até apagar

    ResponderExcluir
  112. Sempre que preciso de algo venho cá no site. Tem tudo o que eu preciso para melhorar o meu blogue :)
    Óptima dica. Obrigado e abraço ,
    Wilker

    ResponderExcluir
  113. Nossa, ficou muito bom
    parabéns pelo post, tenho uma dúvida
    poderia me ajudar ?

    gostaria de colocar 20 escudos de clube de futebol em me blog, mais não consigo deixar um ao lado do outro, como faço ? gostaria de fazer 5 linhas com cada linha tendo 4 escudos.

    Atée

    ResponderExcluir
  114. Caio César 67 veja esse tutorial
    Organizar Banners ou Pagina de Parcerias entre Blogs

    ele fala sobre banners, mas na verdade serve para qualquer tipo de imagens no seu caso os escudos dos times.

    ResponderExcluir
  115. Olá Fabiano, obrigado pela resposta
    mais não consegui ver onde eu coloco o link da imagem dos escudos e o link de direcionamento.

    Poderia me ajudar novamente ?

    Até

    ResponderExcluir
  116. os links são esse trecho:

    <a href='http://www.dicasparablogs.com.br'target='_blank'><img src="http://1.bp.blogspot.com/_-v7nVhXnPEc/SmzwP5crumI/AAAAAAAAAUc/LRfITC6TwvM/s400/dicas2.jpg"/></a>

    ResponderExcluir
  117. Legal o post!

    http://www.bloguedorenato.blogspot.com.br

    ResponderExcluir


  118. P E R F E I T O *__*

    eu precisava fazer uma galeria de imagem em uma pagina do meu blog wordpress, e me deparei com um pequeno problema, as imagens só ficava uma em baixo da outra,e não tinha a minima idéia de como coloca-las uma do lado da outra como o planejado, e acredite,acho que essa dica do seu blog não era bem para editar pagina do wordpress, mais caiu como uma luva!
    vai da para eu fazer com 7 mini imagem por cada linha usando 14px!
    ficou perfeito aqui! *_*

    muito obrigado mesmo!
    ;D

    ResponderExcluir
  119. queria saber como coloca essa linha ai em azul na vertical para dividir os widgets das postagem só que no lado direito...

    ResponderExcluir
  120. gostaria de saber como fazer para colocar uma palavra embaixo da outra numa mesma celula

    ResponderExcluir
  121. para deixar uma embaixo da outra é só usar o < br / > para mudar de linha

    ResponderExcluir