12/06/2009

Caixinha com o link da postagem

Um bom jeito de conseguir mais visitas para o blog é colocar uma caixinha no final de cada postagem com o código pronto do link daquela postagem para outros blogueiros, isso ajuda aumentar o numero de visitantes no blog de duas maneiras.
Primeiro as pessoas que visitam esses blogs que tem seu link pode achar o título interessante e clicar nele. O segundo modo é aumentar o numero de seus links espalhados pela internet, isso faz melhorar sua classificação no alexa, pagerank e assim tem mais chances de aparecer melhor classificado nos resultados da pesquisa Google, Yahoo e outras. Melhor classificado significa aparecer entre os primeiros resultados da pesquisa.
Para colocar uma caixinha com o link de cada postagem entre na pagina html, clique para expandir o modelo e procure por:<data:post.body/>

Isso varia um pouco dependendo do modelo do blog se não encontrar retire os sinais <>/ que estão juntos pode haver algum espaço vazio que não permite localizar usando o ctrl F, então talvez não seja exatamente igual no seu blog, então logo depois coloque isso:

<div align='center'><br/><br/>Link para essa postagem<br/>
<textarea name='textarea' onfocus='this.select()' onmouseover='this.focus()' style='width:140px; height:60px; overflow:hidden'><a expr:href='data:post.url'><data:post.title/></a></textarea>
<br/><br/></div>

Agora clique para visualizar o blog e depois salvar, e já está terminado, agora no final de cada postagem o seu blog mostrará uma caixa com o link para aquele texto. Se quiser modificar o tamanho da caixinha cols='25' é a largura e rows='3' a quantidade de linhas exibidas, então é só mudar esses valores, mas cuidado troque somente os números não altere mais nada neste código. Você pode notar que <br/> aparece varias vezes no código, isso é apenas para pular um linha, ou seja dar um espaço vazio antes e depois da caixinha.

Veja também:

Fixar uma postagem na pagina inicial
Destacar uma parte do texto
Formatação de texto
Barra de rolagem na lista de blogs
Aparecer nos resultados da pesquisa Google, Yahoo ..
Related Posts with Thumbnails

62 comentários:

  1. Fabiano se bem me lembro a puco tempo você postou um codigo que fazia exatamente a mesma coisa http://dicasparablogs.blogspot.com/2008/10/copiar-postagem.html

    ResponderExcluir
  2. Hum, gostei, consegui, vc esqueceu de fechar a tag "Div", mas como faço para que ele apareça apenas depois do link de postagem Resumida? (o Famoso leia Mais!).

    Ah, e também, como faço para deixar minha caixa com o mesmo design da que aparece aqui?, sem as barras de scroll?

    Ainda tenho dificuldades com HTML, se puder ajudar eu lhe agradeço.

    Abraços e Boa Sorte!

    --
    AndersonZ1.

    ResponderExcluir
  3. Olá, Fabiano! Eu escrevi sobre o seu blog. Meu blog está em romeno.
    Acesse.

    ResponderExcluir
  4. virtualz1.com

    você tem razão, vou corrigir a postagem. obrigado por avisar.

    ResponderExcluir
  5. Junior

    essa postagem que você citou não é exatamente igual.
    essa de hoje mostrar um link de cada postagem.

    o link dessa outra postagem que você fala, mostra uma caixinha com uma cópia da postagem completa e com o link do blog, mas não recomendo usar essa com a postagem completa pois ficar repetindo conteudo não é bom(aprendi um pouco mais sobre SEO e como funcionam os sites de busca desde que publiquei isso rsrs). Além disso no caso de alguns código publicados essa cópia na caixinha dava erros.

    ResponderExcluir
  6. Parabéns!

    Mais uma dica muito legal. Já estou usando!!

    Abraços

    ResponderExcluir
  7. Este comentário foi removido pelo autor.

    ResponderExcluir
  8. Fabianooo...deu certo não...fiz com aquele gerador de código q vc tem para colocar a imagem, só que na hora não testei o cód. fui ver agora e não ficou certo...o q faço?

    ResponderExcluir
  9. cara e se eu quizer que em uma postagem especifica nao aparece a opçao copiar postagem?

    ResponderExcluir
  10. Jean Jonathas
    para uma postagem só é melhor fazer a caixinha manualmente, pois esse funciona em todas as postagens do blog

    ResponderExcluir
  11. Por favor, desconsiderar o post... acabei misturando os 2 post que iria fazer.. não tem nd de @.. foi mal

    ResponderExcluir
  12. Olá! Adorei o site! Eu tenho uma duvida quanto a este post. Meu blog é da blogspot. E meu end: http://www.(endereço).blogspot.com . Tentei copiar o código porém o link fica assim: http://(endereço).blogspot.com . E o link não é reconhecido ao pesquisar pela falta de "www.". No site do blog exite em configurações para escolher o nome do site porém, o mesmo não aceita o uso de "www." depois de http:// . Somente o própio nome do site. O que faço? Esse link não funciona para o blogspot ou tenho que alterar algo no código? obrigada.

    ResponderExcluir
  13. normalmente o blogspot não tem o www, quando entrar no blogger clique para visualizar verá que seu blog abre sem o www, claro isso se não colocou como parte do nome do blog

    ResponderExcluir
  14. Olá, queria saber como tirar esse Link para postagem. Obrigado!

    ResponderExcluir
  15. para retirar é só procurar no seu modelo se tem esse código e apagar

    ResponderExcluir
  16. O VAlew vc me ajudo mto eu tava batendo a cabeça pra concegui faze isso Valew mesmo
    by http://brunows.blogspot.com/

    ResponderExcluir
  17. Fabiano, tem como mododificar o comprimento, porque só consegui mudar a largura, não vejo também o número do comprimento?

    ResponderExcluir
  18. anonimo, para mudar a altura da caixinha é onde está rows='3'

    ResponderExcluir
  19. responde uma coisa, tem como retirar o barra de rolagem da caixinha ?

    ResponderExcluir
  20. Débora
    é possivel e bem facil retirar a barra de rolagem da caixinha link-me
    o código normal dela é assim:
    <textarea rows="3" cols="12"

    só precisa colocar style="overflow:hidden", então o código fica assim:

    <textarea style="overflow:hidden" rows="3" cols="12"

    ResponderExcluir
  21. Ei,fabiano,tem como botar essa caixinha do lado direito em vez do meio?

    ResponderExcluir
  22. Muito obrigado Fabiano :)

    ResponderExcluir
  23. no começo do código tem <div align='center'>... é só mudar o center para right(direita) ou left(esquerda)

    ResponderExcluir
  24. Vc fez curso para saber isso tudo de programação HTML?

    Se sim, qual é o nome do curso?

    ResponderExcluir
  25. Pedro, fiz um curso mas já faz muito tempo, e o nome é esse mesmo html, mas sinceramente isso são somente os primeiros passos o resto é lendo tutoriais na internet

    ResponderExcluir
  26. OLA POR FAVOR GOSTARIA DE SABER COMO FAZ A CAIXINHA DE TEXTO COM O CODIGO HTML , TIPO SEI FAZER O CODIGO MAS DEPOIS NÃO SEI COMO FAZER A CAXINHA PRA PESSOAS COPIAREM MEU CODIGO ,SE PUDER ME AJUDAR AGRAdeço ABRAÇO AMIGOS , DEMAIS ESTE ESPAÇO

    ResponderExcluir
  27. Nehemias Rodrigues
    aqui tem um gerador de código para a caixinha link-me
    http://www.dicasparablogs.com.br/2007/04/gerador-de-cdigo.html

    ResponderExcluir
  28. valeu coloquei a caixa de postagem no meu blog.

    ResponderExcluir
  29. Olá Fabiano tudo bem?
    Velho já estou uzando esta caixinha de link ela é muito legal, mais tenho uma dúvida é possível mudar a cor do fundo da mesma?
    Se não D beleza. Valeu assim mesmo.

    ResponderExcluir
  30. Josenildo
    você pode alterar a cor de fundo assim:

    <textarea name='textarea' style='background-color:#ffffcc'>conteudo da caixa</textarea>


    depois é só trocar o código da cor pela que gostar mais

    Código das Cores

    ResponderExcluir
  31. Fabiano,
    a caixinha eu coloquei, mas o conteúdo dela está dando erro e não me remete à postagem.
    O mesmo não acontece com suas caixinhas, que sempre me dão o link exato no Google.
    O que pode estar ocorrendo?
    Veja este exemplo:
    Scheherazade (Rimsky-Korsakov)

    ResponderExcluir
  32. Fabiano,
    resolvido, descobri o que era, nada com seu código, claro.
    Obrigada!

    ResponderExcluir
  33. como faço pra coloca uma caixinha com outra coisa dentro tipo um codigo html.Por se for coloca em codigo pra alguem pega como coloco ele dentro da caixinha ? vlw

    ResponderExcluir
  34. ola sou eu de novo gostaria de saber como faço para colocar um link de cada post meu? exemplo: si eu criar uma postagem sobre twitter, e eu manda o url só dela paro os meu seguidores clika e ver somente ela (postagem)?

    ResponderExcluir
  35. quando clica no titulo da postagem do seu blog irá ver a pagina individual da postagem, então é só copiar o endereço

    se estiver pensando em enviar pelo twitter veja aqui:
    Twitter button no seu blog - botão retweet

    Colocar botão retweet no blog

    Botão do Facebook, Twitter, Google Buzz no mesmo Gadget

    ResponderExcluir
  36. Muito obrigada,estava procurando isso há um tempãooo
    http://picturepoetic.blogspot.com/

    ResponderExcluir
  37. essa caixinha só aparece o link,como faz para aparecer a imagem toda,como nos sites de recado pra orkut?

    ResponderExcluir
  38. já descobri como faz,blz
    parabéns pelo site

    ResponderExcluir
  39. esse código é igual mostra uma caixa igual esse que temos no final da postagem, o código é o link da postagem e serve para qualquer lugar... até orkut

    ResponderExcluir
  40. Olá fabiano, gostaria de saber como faço para que a caixinha apareça apenas depois do "leia mais".
    Grato,

    Pietro
    http://www.bovoqui.com/

    ResponderExcluir
  41. Pietro
    tem que ver onde está o codigo da caixinha e mudar de lugar.. colocar depois do código do "leia mais" ou então use o código deste tutorial: Conteúdo diferente nas paginas do blog

    para mostrar somente nas paginas das postagens

    ResponderExcluir
  42. Obrigado pela diga gostei muito e gosto muito das dicas deste site vlw

    ResponderExcluir
  43. Fabiano Roberto eu vou la no meu navegador coloco o link(o que ta na caixa link-me,que eu peguei o código aqui) para ver se ele (o navegador)acha a páginamás não acha.Por que a caixa nao esta funcionando.

    ResponderExcluir
  44. o código do link que colocamos é para colocar no texto da postagem já está com o html pronto

    não é para usar no navegador

    ResponderExcluir
  45. Fabiano Roberto eu coloquei o link da caixa no navegador para fazer um teste ,eu copiei(da caixinha link-me) depois colei no navegador pra ver se o link que a caixa está gerando realmente funciona , e não funcionou,o navegador não conseguiu achar a página na web
    O que há de errado.Obrigado

    ResponderExcluir
  46. Fabiano Roberto a minha caixinha ta gerando código nesse modelo aqui:
    Como colocar like box do Facebook no seu blog
    pra ver se os codigos das caixibhas funcionam eu copiei e tentei ver se o o google localizava minha pagina mas nao localizou.Onde está o ERRO

    ResponderExcluir
  47. mas o código da caixinha não é para usar direto no navegador.

    mas para usar numa postagem ou como você fez aqui no comentário.

    a caixinha tem um código html do link e não o endereço dele somente

    ResponderExcluir
  48. Este comentário foi removido pelo autor.

    ResponderExcluir
  49. Fabiano Roberto só uma duvida,pq os links do seu blog q estao na caia link-me quando copiado e colado no google ele leva direto para sua postagem,e o meu nao??o meu diz que o url nao existe.

    ResponderExcluir
  50. Anonimo, veja se usou o código como fizemos aqui.
    deveria funcionar pois o código que usamos é esse do tutorial

    ResponderExcluir
  51. sim, o código do link que colocamos é para colocar no texto da postagem já está com o html pronto

    não é para usar no navegador.

    ResponderExcluir
  52. mas o código não é para usar no navegador é para criar o link em uma postagem ou comentario.

    por exemplo para citar essa postagem em um comentário do blog. veja o link abaixo é o código copiado da caixinha: Gadget com Botões Flutuantes de Redes Sociais no Blogger

    ResponderExcluir
  53. Por Favor poderia pedir a sua ajuda, em todas as postagens do meu blog no final fica com um simbolo > vc poderia me ajudar a tirar isso?
    Ta ai o link do meu site:
    http://palmeirensesdeplantao.blogspot.com.br/

    ResponderExcluir
  54. deve ter esse simbolo sobrando no seu html.

    provavelmente quando colocou o resumo da postagem.

    no trecho < post.body > >

    deve ter dois sinais repetidos como coloquei acima, mas era para ser um só.

    ResponderExcluir
  55. Fabiano tem como eu colocar pro link aparecer encurtado com o Bitly?

    ResponderExcluir
  56. Rosiel T.S. estou fazendo testes com alguns códigos e vou publicar um novo tutorial sobre mostrar os links encurtados no blogger em breve.

    obrigado pela sugestão

    ResponderExcluir