Cara Membuat Short URL Pada Setiap Posting Di Blog
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.
Oleh karena itu sebaiknya jika ingin mensharing suatu alamat URL jangan menggunakan URL yang panjang, meskipun itu sama saja.
Begitukan lebih simple dan praktis. untuk yang ingin menerapkan trik itu dalam blognya langsung saja ikuti langkah - langkahnya di bawah ini :
- Daftar dahulu ke http://bitly.com/
- Lalu lihat kode API anda di http://bitly.com/a/your_api_key/
- Setelah itu logiin pada blog anda
- Kemudian Masuk Template - Edit HTML - Lanjutkan - Centang Expand Widget Template lalu cari kode <head>, gunakan Ctrl + F untuk mempermudah pencarian
- 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&login=USERNAME_ANDA&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: <input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/>";
}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});
</script>
- 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/
]]></b:skin>
form#shorturl {
color:#666;
font-size:11px
}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}
<div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'><form id='shorturl'/></b:if>
dan paste tepat dibawah kode.
<div class='post-footer-line post-footer-line-3'>
10. Selanjutnya Simpan Template dan lihat perubahannya pada blog anda
Terima Kasih Atas Kunjungannya .
Jangan Lupa Baca Artikel:Pengenalan Tampilan Template Artisteer 4 bag 1
Semoga Bermanfaat ,dan Jangan Lupa Share Artikel Saya.Agar saya dapat Memposting Hal-Hal yang Baru dan Bermanfaat-Terimakasih
gak bisa atuh ;((
ReplyDeletegak bisa atuh ;((
ReplyDeleteUdah Ngak FIXS
ReplyDeletetelat dapat infonya
ReplyDelete