Melhores Dicas para Blogs

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


Link desta Pagina

62Comentários:

Junior disse...

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

virtualz1.com disse...

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.

Eleonora Lisnic disse...

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

Fabiano Roberto disse...

virtualz1.com

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

Fabiano Roberto disse...

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.

Darcy Mendes disse...

Parabéns!

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

Abraços

bel disse...

valeuu bjs

Cris Augusto ^.^ disse...
Este comentário foi removido pelo autor.
Cris Augusto ^.^ disse...

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?

Jean Jonathas disse...

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

Fabiano Roberto disse...

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

débora disse...

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

Anônimo disse...

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.

Fabiano Roberto disse...

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

Sr.Jordison disse...

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

Fabiano Roberto disse...

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

๒гยยภ๏ฬร disse...

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

Mr.Shaddix disse...

Valeu! Ajudou bastante! =]

Anônimo disse...

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

Fabiano Roberto disse...

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

Débora disse...

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

Fabiano Roberto disse...

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"

pengui321 disse...

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

Débora disse...

Muito obrigado Fabiano :)

Fabiano Roberto disse...

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

ılılı. Didi Gravações .ılı. disse...

Muito legal

Pedro disse...

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

Se sim, qual é o nome do curso?

Fabiano Roberto disse...

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

Nehemias Rodrigues disse...

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

Fabiano Roberto disse...

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

marlon disse...

po vlw mesmo muito bom =P

escamoso10 disse...

valeu coloquei a caixa de postagem no meu blog.

Download gratis disse...

Muito bacanaa

Josenildo disse...

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.

Fabiano Roberto disse...

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

Josenildo disse...

Valeu ficou muito bom.

Sonia Boni disse...

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)

Sonia Boni disse...

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

Libadef disse...

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

E È VERDADE disse...

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)?

Fabiano Roberto disse...

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

Anônimo disse...

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

Anônimo disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

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

Pietro disse...

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/

Fabiano Roberto disse...

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

Reinaldo disse...

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

Código para Blog disse...

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.

Fabiano Roberto disse...

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

made in coldplay disse...

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

made in coldplay disse...

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

Fabiano Roberto disse...

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

Código para Blog disse...
Este comentário foi removido pelo autor.
Anônimo disse...

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.

Fabiano Roberto disse...

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

sambaporno disse...

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.

Fabiano Roberto disse...

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

PalmeirensesLouco disse...

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/

Fabiano Roberto disse...

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ó.

Rosiel T.S. disse...

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

Fabiano Roberto disse...

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

Postar um comentário

Dicas e Tutoriais Úteis para Blogueiros

Gostou? Compartilhe!