Sabtu, 21 Februari 2015

Cara Membuat Short Link Otomatis Di Setiap Post

SHORTURL

Salah satu cara untuk membagikan sebuah artikel yaitu dengan cara mengcopy URLnya, tapi bukankah sebuah URL utuh itu panjang ? Maka dari itu, biasanya orang akan merasa terganggu dengan URL yang panjang, cara simpelnya atau hal yang dibutuhkan untuk memecahkan masalah itu tentunya pemendek URL atau URL shortener.

Mari kita simak bersama - sama 'Cara Membuat Short Link Otomatis di Setiap Post'

1. Masuk ke 'https://bitly.com/'.
2. Kemudian daftar terlebih dahulu.
3. Setelah selesai mendaftar, buka link berikut 'https://bitly.com/a/your_api_key/'.
4. Setelah membuka link pada nomor 3, sebaiknya jangan di tutup terlebih dahulu.
5. Selanjutnya, setelah menyelesaikan pendaftaran silahkan masuk ke 'https://www.blogger.com/'.
6. Setelah masuk, silahkan klik 'Template' - 'Edit Template'.
7. Cari kode '</head>' - Gunakan CTRL + F untuk mempercepat pencarian.
8. Setelah ketemu, taruhlah kode di bawah ini sebelum atau diatasnya kode '</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*

Untuk dapat mengisi keterangan dibawah ini silahkan buka link yang di nomor 3 tadi.
USERNAME_ANDA : Isi dengan username anda.
API_KEY_ANDA     : Silahkan isi dengan api key anda.

9. Selanjutnya, kita taruh kode CSSnya.
10. Cari kode ']]></b:skin>' - Lalu taruh kode dibawah ini diatasnya.
/* Short URL - InfoKeren */
form#shorturl {
color:#666;
font-size:11px
}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}

11. Sekarang kita panggil dengan kode pemanggilnya.
12. Copy kode dibawah ini dan letakkan di tempat yang anda inginkan.

<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>

13. Tahap terakhir, tinggal anda klik 'Save Template'

Sumber : http://www.infokeren.web.id/2015/01/cara-membuat-short-link-otomatis-di-setiap-post.html

Tidak ada komentar:

Posting Komentar