Cursos 24 Horas - Cursos 100% Online com Certificado

Exiba links encurtados de suas postagens com o Goo.gl - Blogger

4 Comentários Autor : Notícia e blog 29 julho 2010

google-goo-gl-url-shortening-service

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='&quot;http://ggl-shortener.appspot.com/?url=&quot; + data:post.url + &quot;&amp;jsonp=googl_callback&quot;' type='text/javascript'/>
</div>

5) Salve as alterações e visualize.

Postagens Relacionadas

Imagem por: geeky-gadgets.com

Referência: Vagabundia

    4 Comentários

    Missionário Anderson disse...
    30 de julho de 2010 08:44 #

    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!

    D@nil.B disse...
    1 de agosto de 2010 21:55 #

    Boa dica para encurtar links, mas ainda prefiro o site http://tinyurl.com/!

    Grupo Tec INfo disse...
    20 de novembro de 2013 20:09 #
    Bruno Moraes disse...
    22 de janeiro de 2014 14:35 #

    Não funcionou no meu.

    Onde é exibido na verdade esse endereço curto? (onde acho) rs

    #Sou noob total!

    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.