05/04/2013

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 problemático, 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.


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

Códigos
<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>

2. Agora procure por:

Códigos
<div class='post-footer-line post-footer-line-3'>

3. E abaixo, cole este codigo:

Códigos
<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. 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
  2. amei o tuto! bem legal..

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

    gabyfaria.blogspot.com

    ResponderExcluir
  4. Gostei muito!
    Bjs
    all-2you.blogspot.com

    ResponderExcluir
  5. Anônimo7/4/13

    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
  6. Muito legal :)
    novajuventudexxi.blogspot.com.br
    Está tão lindo esse layout ♥
    Parabéns Wendy

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345