Sabtu, 08 Juni 2013

Add Google URL Shortener API for Blogger

Akhirnya tergantikan juga short urls for blogger posts via bit.ly Koben sudah ganti dengan kepunyaan google url shortener Dengan adanya fasilitas goo.gl sebenarnya bagi pemilik account google dan tentunya blogspot, secara otomatis link postingan yg publish sudah di render ke sana :d Lebih jauh lagi kita bisa melihat detailnya juga b-)
Karena saya tidak paham JavaScript, jadi edit script asal jalan saja. Untuk bisa menampilkan google url shortener API pada setiap link postingan blog, sobat harus memiliki API key! Kalau belum punya harus buat dulu di Google API Console: https://code.google.com/apis/console Bagi yg sudah punya tinggal klik API Access menu sebelah kiri. Disanalah keberadaan API key.
Please Backup Download full template before editing your template!
Letakan script berikut sebelum taging </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='//apis.google.com/js/client.js'/>
<script>//<![CDATA[
function makeShort(){var longUrl=document.getElementById("longurl").value;var request=gapi.client.urlshortener.url.insert({'resource':{'longUrl': longUrl}});request.execute(function(response){if(response.id!=null){str="";str+="<b>Short URL: </b> <a title='Right click and Copy Link Location' href='"+response.id+"'>"+response.id+"</a>";document.getElementById("output").innerHTML=str;}else
{alert("ERROR: creating short url \n"+response.error);}});}function load(){gapi.client.setApiKey('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX');gapi.client.load('urlshortener','v1',function(){document.getElementById("output").innerHTML="";});}window.onload=load;//]]></script>
</b:if>
Gantikan XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX dengan API key masing² Masalah peletakan markup HTML atur sendiri, tag/code template kan beda-beda ;))
Markup-HTML

Snippet Markup HTML Google URL Shortener API for Blogger

Dont change Snippet Markup HTML Coded
Hasil akhir akan tampak sebuah tombol Setelah di klik, muncul deh link pendek postingan blog :)
Resource by: Google url shortener api example
Demo on post area blogger Google url shortener api on blogger.
Happpy short URL \m/

Tidak ada komentar:

Posting Komentar