Ter uma versão mais curta da URL de um Post do Blog é muito útil, especialmente para as Redes Sociais. Por exemplo, dê uma olhada neste link http://bit.ly/ev8nMh. Se você visitar esse link, você irá voltar a este artigo. Esse encurtamento de URL foi feito com a ajuda da API do Bit.ly. O Bit.ly é um dos serviços mais confiáveis de encurtamento de URL na web. O WordPress tem seu encurtador de URL próprio o WP.me. Se você está interessado em fornecer URLS Encurtadas em todos os posts do seu Blog para os seus leitores, então continue lendo o artigo.

Modificando o Template

  1. Faça Login no Blogger e vá até Design -> Editar HTML
  2. Marque a caixinha Expandir Modelos de Widgets
  3. Procure por:
  4. </head>

    e adicione o seguinte trecho de JavaScript acima da tag </head>:

    &lt;script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&amp;amp;login=fabriciofoxx&amp;amp;apiKey=R_47037d565a15b11823f43089e9302eaf’ type=’text/javascript’/&gt; &lt;script src=’http://inforlogia.googlecode.com/files/EncurtadorInforlogia.js’ type=’text/javascript’/&gt;
  5. Agora Procure por:
  6. &lt;p class=’post-footer-line post-footer-line-3’&gt;

    e não encontrar essa tag, procure por:

    &lt;div class=’post-footer-line post-footer-line-3’&gt;

    Ou

    &lt;data:post.body/&gt;

    e coloque o seguinte código logo abaixo de qualquer uma dessas linhas que está presente em seu modelo:

    &lt;div id=’encurtador_inforlogia’&gt;&lt;form expr:id='”bp_short_holder_” + data:post.id’/&gt;&lt;/div&gt; &lt;script type=’text/javascript’&gt; EncurtadorInforlogia.init(&amp;quot;bp_short_holder_&lt;data:post.id/&gt;&amp;quot;,&amp;quot;&lt;data:post.url/&gt;&amp;quot;) &lt;/script&gt;
  7. Salve as mudanças e agora você deve ver uma URL curta e amigável abaixo cada um dos seus posts. Se você quiser personalizar mais, então continue lendo.

Modificações Opcionais

1. Estilizando os Links Encurtados

Localize a seguinte linha no seu modelo

]]></b:skin>

Antes dela adicione o seguinte código:

#encurtador_inforlogia {
color:#666;
font-size:11px
}
#encurtador_inforlogia input {
color:#999;
border:inset 1px #CDCDCD;
padding:1px 5px;}

e Salve.

2. Mostrando os Links Encurtados apenas nos Posts
Se você quiser mostrar os Links Encurtados apenas nos Posts, então coloque o código mencionado na etapa 3 dentro das tags condicionais, exemplo:

<div style=”color: red;”>&lt;b:if cond=’data:blog.pageType == &amp;quot;item&amp;quot;’&gt;</div>
&lt;script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&amp;amp;login=fabriciofoxx&amp;amp;apiKey=R_47037d565a15b11823f43089e9302eaf’ type=’text/javascript’/&gt; &lt;script src=’http://inforlogia.googlecode.com/files/EncurtadorInforlogia.js’ type=’text/javascript’/&gt;
<div style=”color: red;”>&lt;/b:if&gt;</div>

Fim!

Também existe um tutorial de como encurtar as URLs do WordPress Automaticamente, veja em: Encurtando URLs do WordPress Automaticamente
[hostgator]