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

Seorang publisher blogger asal kota Jogjakarta yang mencoba mencari jati dirinya dan yang selalu belajar dalam hidupnya. Sangat menyukai ungkapan
"Jangan lihat dari siapa kebenaran itu datang, tapi lihatlah isi dan makna dari kebenaran itu."

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.