URL pendek posting di Blogger dengan Bit.ly

Apa itu Bitly - bitly adalah layanan online yang menyediakan URL pendek untuk posting Anda sehingga Anda dapat lebih mudah untuk berbagi dengan teman, keluarga, dan di web/blog. Layanan ini cukup populer di situs microblogging twitter karena merupakan layanan default pemendek url sejak Mei 2009. Link yang diperpendek dengan layanan ini adalah permanen dan akan terlihat seperti http://bit.ly/6wgJO ini. ini bukan hal baru, tapi mungkin ada salah satu sobat yang membutuhkan.

Cara Menghasilkan Auto URL Pendek untuk Tulisan Anda di Blogger dengan Bit.ly

Hal pertama login ke Dashboard Blogger Anda. Sekarang Setelah log in, pergi ke blog Anda >> Template >> Edit HTML >> dan cari kode tag ]]></b:skin>. Setelah Anda menemukannya, tepat di atasnya paste kode CSS berikut.

#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 650px;
}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 215px;
padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}

Sekarang setelah menyisipkan kode css ke template Anda, Sekali lagi masih dalam editor template, cari kode <div class='post-footer'> dan paste coding JavaScript berikut di atasnya yang akan menghasilkan URL mempersingkat dan menampilkan mereka di akhir posting Anda.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='shoternUrl'>
<form id='shorturl'/>
<!-- short url widget script start -->
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
// this is how to get a result of shortening a single url
var result;
for (var r in data.results) {
result = data.results[r];
result[&#39;longUrl&#39;] = r;
break;
}
document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;<div id='shorternh2'>Surprise your friend with this fact! Share this link in your Status!</div> &lt;input type=&#39;text&#39;  class=&#39;textinpo&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;}
BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);
});
</script></div>
</b:if>

Setelah semuanya selesai, jangan lupa tekan tombol "Save" dan otomatis skrip memperpendek URL siap di blog Anda. Sekarang lihat dan periksa blog Anda untuk melihat Hasil otomatis memperpendek URL Tulisan Anda di Blogger. semoga berguna...