
Entre na pagina editar HTML, nós sugerimos fazer um backup do template antes de alterar o HTML do blogger. Marque para expandir o modelo de widgets e procure por <data:post.body/> e coloque esse código logo depois.
<b:if cond='data:blog.pageType == "item"'><form onsubmit='return false;'>Link Curto
<input id='shorturl' onmouseover='javascript:this.select();void(0);' readonly='readonly' size='20' type='text'>
<script language='javascript' type='text/javascript'>
//<![CDATA[
function encurtaURL(json){
document.getElementById("shorturl").value = json.short_url;
}
document.body.onload = function(){
if(document.getElementById("shorturl").value==''){
var el = document.createElement("script");
el.language='javascript';
el.src = 'http://bitw.in/api/link/create.json?url='+encodeURIComponent(window.location.href)+'&callback=encurtaURL&apikey=74231e775e05ca3fe3387eaf0c1c7be61da2bd23';
document.body.appendChild(el);
}
}
if(document.body.addEventListener){
document.body.addEventListener("load",document.body.onload,true);
}
//]]>
</script></input></form></b:if>
Outro posicionamento interessante pode ser mostrar o link no inicio da postagem e para fazer isso só precisa colocar o código que mostramos antes de <data:post.body/> ao invés de depois dele.
Além disso se quiser você pode colocar o código depois de <div class='post-footer-line post-footer-line-3'/>, isso faz o link aparecer mais para baixo depois do nome do autor da postagem, marcadores e link de comentários do blog. O html div class='post-footer-line post-footer-line-3 varia um pouco em cada template, mas o importante é achar post-footer-line-3 e também esse numero pode ser 1 ou 2, se colocar nesses outros trechos o link encurtado do seu post parecerá numa linha entre os marcadores ou nome do autor do blog dependendo de como está o seu layout de postagem.
Veja também:
5 Dicas para Ajudar na Divulgação de Blogs
Botões das Redes Sociais na Vertical - Compartilhar Posts
Erros que Fazem Perder Visitas no Blog
Como Comentar Blogs e Conseguir mais Visitas
Alguns blogueiros pediram ajuda sobre isso em comentários por isso fizemos esse tutorial, mas claro que nem todos gostam deste tipo de acessório usar no blog, então acho que cada um deve pensar se isso pode ajudar seu blog ou combinará com o seu template atual e assim decidir se deve ou não utilizar.
era pra estar assim:
ResponderExcluirhttps://lh4.googleusercontent.com/-E3DK3ARrFhQ/Tt-VKqzeRGI/AAAAAAAAFoA/n8N-vFbc_6o/s640/ghjgj.JPG
mais esta assim:
https://lh5.googleusercontent.com/-ZC--AHhhlrc/Tt-VKRjU-AI/AAAAAAAAFn8/V9DZVWasfBg/s640/ghfdgh.JPG
Não achei o , não há outro codigo?
ResponderExcluirBen
ResponderExcluirnão sei explicar o que aconteceu na sua pagina layout, tente fazer um backup do seu template e se já tiver um pode tentar colocar novamente.
mas também pode ser erro de carregamento de pagina, tente excluir o historico de internet e ver se resolve, leia mais aqui: Limpar Histórico de Internet - Evite erro no Blog
JC
precisa marcar a opção expandir modelo de widgets na pagina editar html para achar esses códigos que falei.
tenho 4 blogs ,não faz mal nao, não é ? , eu salvei uma copia do html de um deles e coloquei no outro ,fucionou corretamente , não tem problema colocar a copia de um templete de um blog no outro ?
ResponderExcluirNÃO FUNCIONOU EM MEU BLOG PORQUE
ResponderExcluirAngelo e Qui
ResponderExcluirpode colocar pode copiar o template de um blog de seus blogs para o outro mas vão ficar com a mesma aparência.
Sergio Jose
veja se colocou o código no local correto
fiz alguns testes e funcionou bem em todos eles
Fabiano,obrigado pela dica e postagem.
ResponderExcluirSó gostaria de saber se tem como deixar o texto "link curto" em cor de destaque, tal como vermelho etc. Obrigado!
@victorzazuela veja que esse texto está no começo do codigo
ResponderExcluirform onsubmit='return false;'>Link Curto
então só precisa colocar a formatação usando o código span, assim:
<span style='font-weight:bold; font-size:120%'>Link Curto</span>
Não esta gerando os links dentro do formulário.
ResponderExcluiré estranho dizer isso, nos testes que fiz funcionou perfeitamente.
ResponderExcluirveja se não apagou algo por engano na hora de colocar o código
Fabiano, muitíssimo obrigado. Deu certo.
ResponderExcluirVou procurar agora somente uma maneira de encurtar a caixa onde fica o link.
Abração na alma!
o tamanho da caixa é aqui
ResponderExcluirsize='20' type='text'
altere esse numero 20
Fabiano, mais uma vez obrigado...
ResponderExcluirFabiano, queria uma caixa "sugestão" vertical fixa, e que a sugestão inserida vá para o google moderator ou algum programa do tipo... Tem como me arrumar?
ResponderExcluirpublicamos sobre um menu fixo: Como Fazer um Menu Vertical Fixo no Blogger
ResponderExcluirpoderia usar para colocar o link para a caixa (pagina) de sugestão
Bom pessoal...
ResponderExcluirlegal..
mas nao precisoo agora...
quando precisar.!
aew
parabéns pelo site
Teria como trocar o encurtador? Tipo colocar o verd.in
ResponderExcluir@Ian Szot por enquanto não tenho codigo para usar com outro encurtador
ResponderExcluirNão aconteceu nada no meu blog!
ResponderExcluirMuito obrigado! eu estava procurando um desses a muito tempo, se quiser ver como ficou vai no meu blog: http://www.terckt.de.vc "gostei muito".
ResponderExcluirolá fabiano eu fiz isso!
ResponderExcluirhttp://i.imgur.com/tCcrW.jpg
mas continua isso...
http://i.imgur.com/Mlepx.jpg
não consigo encurtar os posts :/ será que você poderia me ajudar? obrigado!
nem na pagina da postagem aparece? pq do jeito que colocou não vai parecer na pagina principal
ResponderExcluirolá Fabiano, meu blog está aparecendo um pop up, do facebook de um tal de "face livro", ñ sei de onde vem, ñ vem do contador de visitas ou de de outro gadget antigo, suspeito q vem desse encurtador, já que foi a última coisa que adicionei...
ResponderExcluirVc tem alguma dica de como encontrar esse pop up no html do blog¡?
se você suspeita de algum código tente remover esse código depois excluir seu historico de internet e testar novamente seu blog.
ResponderExcluirLimpar Histórico de Internet - Evite erro no Blog
.
Tem como trocar o bitw.in pelo migre.me ?
ResponderExcluirIsmael Junior vou pesquisar e fazer um tutorial sobre o migre.me
ResponderExcluir