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

Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

39 comentá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...
Esta postagem foi removida 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