Mostrar URL corta de Correos Blogger con Bit.ly 18 Blogging Tips , Template Hacks

Tener una versión más corta del URL de su blog en línea es mucho más útil sobre todo cuando los enlaces compartir con los demás. Por ejemplo Echa un vistazo a este http://bit.ly/aJMJNI Link. Si usted visita este vínculo, el resultado final será de nuevo aquí. Este acortamiento de URL se realizó con la ayuda de la API de Bit.ly. Bit.ly es uno de los servicios de acortamiento de URL más confiable en la Web. Wordpress tiene su propia URL shortener saber WP.me. Si usted está interesado en el suministro de corto URL compartibles de sus entradas de Blogger a sus lectores, sigue leyendo. Demo está presente en la página de entrada.Afinando plantilla para agregar las direcciones URL corta

   1. Ingresar a tu escritorio de Blogger y vaya a Diseño> Edición de HTML
   2. Haga clic en la casilla de verificación que dice "Expandir plantillas de artilugios.
   3. Localizar

 </head>  

y añada el siguiente fragmento de código JavaScript inmediatamente superior al

 <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>  
 <script src='http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type='text/javascript'/>  

Ahora Localizar

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

O si no que hay a continuación, busque

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

O si no que hay a continuación, busque

 <data:post.body/>  

y coloque el código siguiente justo debajo de cualquiera de estas líneas [lo que está en la plantilla

 <div id='bp_shorturl'>  
 <form expr:id='"bp_short_holder_" + data:post.id'/></div>  
 <script type='text/javascript'>  
 Bloggerplugins_shortener.init(&quot;bp_short_holder_<data:post.id/>&quot;,&quot;<data:post.url/>&quot;)  
 </script>  

Guarde los cambios y ahora debería ver una URL corta compartibles por debajo de cada uno de sus mensajes. Si desea ajustar aún más, sigue leyendo.
Ajustes opcionales

1.Styling el Vínculo Compartir

Busque la línea siguiente en la plantilla

 ]]></b:skin>   

y justo por encima de esa línea agregar

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

y guardar.

2. Muestra el enlace corto en las páginas de entrada sólo

Si desea restringir las URLs cortas a las páginas de su puesto, luego envolver los códigos mencionados en los pasos 1 y 4 dentro de las etiquetas condicionales como:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script src='http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type='text/javascript'/>
</b:if>

y
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='bp_shorturl'>
<form expr:id='"bp_short_holder_" + data:post.id'/></div>
<script type='text/javascript'>
Bloggerplugins_shortener.init(&quot;bp_short_holder_<data:post.id/>&quot;,&quot;<data:post.url/>&quot;)

</script>
</b:if>

3. Si usted tiene su propia llave Bit.Ly sesión y API, entonces usted puede reemplazar en el código del paso 1 (tweettrackjs y R_7e9987b2fd13d7e4e881f9cbb168f523). Su libre al registro y se recomienda para utilizar su propio nombre de usuario y API porque las llamadas API de muchos en el mismo nombre de usuario puede crear un error no definido