Advertising

Membuat ShortURL GOO.GL di Setiap Postingan Blogger



Siomponk.Com - Pada postingan kali ini saya kembali membicarakan shortURL. Jika kemarin saya membahas "Cara Membuat ShortURL dengan Domain Custom" dan "Membuat ShortURL Otomatis di Setiap Postingan". Kali ini saya kembali membahas ShortURL di Setiap Postingan, tapi kali ini menggunakan Goo.gl.



Kita langsung saja Membuat ShortURL GOO.GL di Setiap Postingan Blogger

- Menuju template HTML pada blog anda
- Cari, apakah di template anda sudah terdapat script jquery, jika belum ada, pasang script berikut ini DIBAWAH kode <head>:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
- Lalu pasang code berikut ini DIATAS kode </head>
<!-- shorturl -->
<script src='//apis.google.com/js/client.js' type='text/javascript'></script>
<script type='text/javascript'>//<![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 += "<pre><code>" + response.id + "</code></pre>";
document.getElementById("output").innerHTML = str;
} else {
alert("ERROR: creating short url \n" + response.error);
}
});
}
function load() {
gapi.client.setApiKey('KODE-API-GOOGLE');
gapi.client.load('urlshortener', 'v1', function () {
document.getElementById("output").innerHTML = "";
});
}
window.onload = load; //]]>
</script>
<!-- end shorturl -->
- Cari kode berikut ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
- Pasangkan kode berikut ini tepat DIBAWAH nya
&lt;input class=&quot;btn btn-google btn&quot; type=&quot;hidden&quot; name=&quot;url&quot; value=&quot;<data:post.url/>&quot; id=&quot;longurl&quot; /&gt;
<input class='btn btn-google btn' onclick='makeShort(); this.style.visibility= &quot;hidden&quot;;' type='button' value='Create ShortURL'/>
<div id='output'>Loading...</div>
KODE API GOOGLE:
Anda bisa memilih dari code api dibawah ini
  • AIzaSyCaHRbknGNM4_euK65t8o5VCbz_VCXCmZc
  • AIzaSyDoE0akrBvl1f3IIRLpuXpVBDsxTfa4ceg
  • AIzaSyDkaiIz36yrTEZbJgde0FlAkE_b8lKsYxg
  • AIzaSyAQ7ju1DZMDzkq1SURIThwqeqd6qbDcA0g
  • AIzaSyCIV_z94aBNf1CYPsnoWQ_UpOl4_2rzulg

Nah, demikianlah cara Membuat ShortURL GOO.GL di Setiap Postingan Blogger menggunakan short Goo.gl, dan semoga postingan saya kali ini dapat berguna untuk anda.
Salam...


▶ INFO ARTIKEL :
OLEH:
LABEL: Tips Blog,
JUDUL: Membuat ShortURL GOO.GL di Setiap Postingan Blogger
URL: http://www.siomponk.com/2015/02/membuat-shorturl-googl-di-setiap.html
Loading...

Written by : - Part Time Blogger

author-photo Seorang publisher blogger asal kota Jogjakarta yang mencoba mencari jati dirinya dan yang selalu belajar dalam hidupnya. Sangat menyukai ungkapan
"Jangan lihat dari siapa kebenaran itu datang, tapi lihatlah isi dan makna dari kebenaran itu."

Follow On : Facebook | | Blogger

0 Response to "Membuat ShortURL GOO.GL di Setiap Postingan Blogger"

Poskan Komentar

PERATURAN BERKOMENTAR:

- Gunakan BAHASA yang baik dalam berkomentar
- Dilarang SPAM dalam berkomentar
- Dilarang SARA dan SARU dalam berkomentar
- Dilarang OOT dalam berkomentar

Jika terdapat hal demikian pada komentar anda, kami akan menghapus komentar anda tersebut.