Monday, September 9, 2013

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>.

     <script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&amp;login=YOURUSERNAME&amp;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: &lt;input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/&gt;";
}
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 {
color:#666;
font-size:11px
}#shorturl input {
color:#999;
border:1px inset #CDCDCD;
padding:1px 5px;
}
     Cari:

     <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 ..... :)

Contohnya Ada di Authorbox saya..
Categories: ,

0 komentar: