O Goo.gl é um encurtador para serviço do Google ele só é usado para encurtar links de alguns serviços oferecidos pela empresa, mas há também algumas maneiras de encurtar links de nossos blogs. Encontrei em um blog muito conhecido uma forma simples de fazer isto adaptei ela para que funcionasse de uma maneira legal, para inserir nas postagens este link encurtado, o serviço oferecido é um pouco congestionado, então é possível que demore a aparecer o link encurtado em suas postagens, veja que no final desta postagem tem um demo que você pode ver em funcionamento.
Alterando o HTML
1) Acesse sua conta do Blogger(blogger.com)
2) Vá em Layout/Design->Editar HTML-> Marque a caixa “Expandir Modelos de Widgets”
3) Procure pelo seguinte trecho utilizando as teclas CTRL e F:
</head> Antes do trecho acima adicione o seguinte:
<script type='text/javascript'>
//<![CDATA[
window.googl_callback=function(response) {
if(response.error_message) {
document.getElementById("urlCORTA").innerHTML = ""; // es un error asi que no mostramos nada
} else {
respuesta = response.short_url;
salida = "<input type='text' value='" + respuesta + "' name='urlCORTA'/>";
document.getElementById("urlCORTA").innerHTML = salida;
}
}
//]]>
</script> 4) Procure pelo seguinte código:
<div class='post-footer-line post-footer-line-3'> e abaixo adicione o seguinte:
<div id='urlcurta'>
<b>Link direto:</b> <form id='urlCORTA'/>
<script expr:src='"http://ggl-shortener.appspot.com/?url=" + data:post.url + "&jsonp=googl_callback"' type='text/javascript'/>
</div> 5) Salve as alterações e visualize.
Postagens Relacionadas
- Link encurtado para compartilhar no Blogger
- Evite vírus em Links encurtados saiba para qual página eles apontam
Imagem por: geeky-gadgets.com
Referência: Vagabundia


2 Comentários
Ei amigo! Sou iniciante em blogs e não consegui fazer funcionar.
Fiquei com dúvida na segunda etapa onde diz para ins erir o código abaixo de
div class='post-footer-line post-footer-line-3'. Porém na mesma linha tem outro código: span class='post-location'
Devo inserir o segundo código entre esse dois ou abaixo dos dois na linha de baixo?
Me perdoe pela ignorância, pois sou iniciante e ficarei muito satisfeito se conseguir fazer funcionar.
Obrigado!
Boa dica para encurtar links, mas ainda prefiro o site http://tinyurl.com/!
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.