05/04/2013

Tutorial: Coloque mini links em suas postagens com Goo.gl

||
 ♥ Postagem Programada♥ 

Bom dia pessoal, para quem não sabe o Goo.gle é um encurtador de links do Google, ele é usado para encurtar links oferecidos pela empresa, mas também há diversas formas de encurtar o link de nossos blogs. Eu achei em um site mostrando como inserir nas postagens o link encurtado, o serviço oferecido é um pouco problematico, então é possível que demore a aparecer o link encurtado em suas postagens.
Mas abaixo eu tirei um print para terem uma ideia, e do mesmo site qual peguei o tutorial, créditos adicionarei ao final da postagem.




Vá ate o blog qual deseja adicionar, e abra o seu HTML lá marque a caixinha “Expandir Modelos de Widgets”, então procure por:

</head>

Ao achar, adicione este código acima:

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

Agora procure por:

<div class='post-footer-line post-footer-line-3'>

E abaixo, cole este codigo:

<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>
Os créditos são totalmente do Notícia e Blog, não cheguei a fazer o teste para ver se não deu erro porque pareceu bem fácil apenas vendo, mas caso de algum erro ou dificuldade me avisem para que eu possa tentar ajudar.

16 comentários:

  1. hmm gostei do tuto XD
    kisses

    ResponderExcluir
  2. Haaa Tutu super util!!! Já tinha ouvido falar sobre ele mas nunca procurei saber melhor!!
    Amore tem um selinho lá no meu blog para você ok?!
    http://coisadekpopper.blogspot.com.br/2013/04/selinho.html
    Chu~~~

    ResponderExcluir
  3. amei o tuto! bem legal..

    ResponderExcluir
  4. Achei o tutorial interessante!!!! Mas não sei se vou usar!!!

    gabyfaria.blogspot.com

    ResponderExcluir
    Respostas
    1. Eu também acho legal mas não usaria.

      Excluir
  5. Gostei muito!
    Bjs
    all-2you.blogspot.com

    ResponderExcluir
  6. Olá, quem está a falar é a un~~
    não se preocupe, não vim xingar, ou avisar que irei plagiar, só vim pedir desculpas e avisar que mudei, mudei de casa de escola de blog, como sempre, sempre estou a mudar, e agora me senti mal por prejudicar outras pessoas.

    ResponderExcluir
    Respostas
    1. Eu compreendo, esta tudo bem. Não precisa se precupar

      Excluir
  7. Muito legal :)
    novajuventudexxi.blogspot.com.br
    Está tão lindo esse layout ♥
    Parabéns Wendy

    ResponderExcluir