Jadi dalam tutorial ini kita akan belajar menambahkan widget url singkat di bawah posting ..... itu benar-benar mengagumkan dan memberikan pengunjung Anda link singkat posting blogger Anda .....
Pertama mendapatkan Bit.ly 's API Anda harus masuk sana untuk mendapatkan api Anda,dengan cara click disini ,
Setelah mendapatkan AIP Kembali ke Blogger> Template> Edit HTML
Dalam Edit HTML tekan Ctrl + F dan cari </ head>.
Pasang script berikut tepat di atas </ head>.
Ganti YOURUSERNAME Dan YOURAPIKEY dengan bit.ly Username dan API Kalian (Ikuti Langkah Pertama)
Sekarang Cari]]> </ b: skin> tambahkan script berikut tepat di atasnya
tambahkan di kode dibawah ini tepat di atas kode <div class='post-footer-line post-footer-line-3'>
Klik Save Template dan hanya mengunjungi posting Anda untuk melihat script ini dalam tindakan.
Komentar untuk semua jenis bantuan ..... :)
Pertama mendapatkan Bit.ly 's API Anda harus masuk sana untuk mendapatkan api Anda,dengan cara click disini ,
Setelah mendapatkan AIP Kembali ke Blogger> Template> Edit HTML
Dalam Edit HTML tekan Ctrl + F dan cari </ head>.
Pasang script berikut tepat di atas </ head>.
<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=YOURUSERNAME&apiKey=YOURAPIKEY"></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>
Ganti YOURUSERNAME Dan YOURAPIKEY dengan bit.ly Username dan API Kalian (Ikuti Langkah Pertama)
Sekarang Cari]]> </ b: skin> tambahkan script berikut tepat di atasnya
form#shorturl {Cari:
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'>
tambahkan di kode dibawah ini tepat di atas kode <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'>
<form id='shorturl'/>
</b:if>
Klik Save Template dan hanya mengunjungi posting Anda untuk melihat script ini dalam tindakan.
Komentar untuk semua jenis bantuan ..... :)