Rabu, 21 Maret 2012

Cara Membuat Short URL Pada Setiap Posting

Mengapa sering suatu blog menggunakan shortURL ?

Karena pada waktu mensharing suatu artikel itu akan lebih mudah dan simple karena URL yang disharing itu pendek sekali.

shortURL adalah sebuah fasilitas yang digunakan untuk menyingkat URL yang panjang menjadi lebih pendek.
Oleh karena itu sebaiknya jika ingin mensharing suatu alamat URL jangan menggunakan URL yang panjang, meskipun itu sama saja.

Misalkan :
http://www.neobux.com/?r=imherry1978

Menjadi : 
http://bit.ly/AF2uff

Begitukan lebih simple dan praktis. untuk yang ingin menerapkan trik itu dalam blognya langsung saja ikuti langkah - langkahnya di bawah ini :
  1. Daftar dahulu ke http://bitly.com/
  2. Lalu lihat kode API anda di http://bitly.com/a/your_api_key/
  3. Setelah itu logiin pada blog anda
  4. Kemudian Masuk Template - Edit HTML - Lanjutkan - Centang Expand Widget Template lalu cari kode <head>, gunakan Ctrl + F untuk mempermudah pencarian
  5. Lalu copy script di bawah ini dan paste tepat diatas <head>
<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=USERNAME_ANDA&amp;apiKey=API_KEY_ANDA"></script>
<script type="text/javascript" charset="utf-8">
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['longUrl'] = r;
break;
}
document.getElementById("shorturl").innerHTML = "Share this link: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";
}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});
</script>

Keterangan :
  • USERNAME = ganti dengan username anda
  • API_KEY_ANDA = ganti dengan api key yang telah anda daftarkan sebelumnya. Untuk melihatnya anda bisa pergi ke http://bitly.com/a/your_api_key/
     6.  Kemudian cari kode ]]></:skin>
     7.  Masukkan kode dibawah ini tepat diatas kode ]]></:skin>
form#shorturl {
color:#666;
font-size:11px
}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}
     8.  Setelah itu cari kode script ini
<div class='post-footer-line post-footer-line-3'>
     9.  Lalu copy kode di bawah ini dan paste tepat dibawah kode <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>
   10.  Selanjutnya Simpan Template dan lihat perubahannya pada blog anda

Terima Kasih Atas Kunjungannya . .

4 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. keren gan, pnya ane udah berhasil

    BalasHapus
  3. koreksi gan, itu bukan diatas head> tapi /head>#CMIIW

    BalasHapus
  4. Nice article you have shared I get some useful information.

    Shorten URLs

    BalasHapus