06 Januari 2012

Membuat ShortURL Otomatis di Setiap Postingan


Siomponk.Com - Apa sih ShortURL itu....????
ShortURL adalah sebuah fasilitas penyingkat URL agar lebih simple dalam penyampaian, serta untuk menyamarkan URL Affiliate.
Misal : http://www.neobux.com/?r=imherry1978
Menjadi : http://bit.ly/AF2uff

Untuk blog juga bisa, jika kita mau SHARE artikel, bukankah terlalu panjang jika kita menyampaikan dengan seperti ini...???
http://www.siomponk.com/2011/11/domain-murah-hanya-rp89900-per-tahun.html

Akan lebih singkat dan simple jika kita memberikan Link dengan seperti ini
http://bit.ly/Abr43m

Nah, berikut ini saya akan memberikan TIPS dan CARA membuat Blog anda (blogspot) untuk Membuat ShortURL Otomatis di Setiap Postingan.

1. Daftar dahulu ke bitly.com
2. Kemudian menuju http://bitly.com/a/your_api_key/ untuk melihat code API anda.
3. Buka Blogger dan Login
4. Menuju Rancangan - Edit HTML
5. Centang bagian Expand Template Widget
6. Cari code </head> (gunakan Ctrl + F)
7. Masukkan code berikut ini SEBELUM </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_ANDA = Letak Username anda
API_KEY_ANDA = Letak API Key anda
Untuk melihat API KEY silahkan kesini http://bitly.com/a/your_api_key/ (harus sudah daftar dahulu).

8. Kemudian cari code ]]></b:skin>
9. Masukkan code berikut ini SEBELUM ]]></b:skin> (berarti diatasnya)
form#shorturl {
color:#666;
font-size:11px
}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}

10. Setelah itu cari code berikut :
<div class='post-footer-line post-footer-line-3'>

11. Masukkan code berikut ini DIBAWAH code <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>

12. Kemudian SAVE Template.

Nah maka disetiap postingan blog anda akan tampak kotak ShortURL diblog anda.
Selamat mencoba..... ;)
Previous Post
Next Post

0 komentar:

PERATURAN BERKOMENTAR:

- Gunakan BAHASA yang baik dalam berkomentar
- Dilarang SPAM dalam berkomentar
- Dilarang SARA dan SARU dalam berkomentar
- Dilarang OOT dalam berkomentar

Jika terdapat hal demikian pada komentar anda, kami akan menghapus komentar anda tersebut.