Cara Pasang Google URL Shortener di Blog

Memasang Google URL Shortener di Blogspot - Setelah ngoprek kesana-kesini akhirnya nemu juga cara memasang goo.gl URL shorterner di blogspot. URL shorterner dapat dinilai sebagai backlink redirect. Dengan memilih goo.gl setidaknya kita mendapatkan backlink juga dari situ.
Memasang Google URL Shortener di Blogspot

Sebelum  menambahkan URL shorterner ini, kita harus memiliki kode API dari Google Developers Console untuk bisa mengakses kode API tersebut silakan langsung menuju ke

https://cloud.google.com/console/project

kemudian klik API Project lalu klik APIs & auth sampai muncul project-project API dari google, setelah itu cari URL Shortener API dan pastikan statusnya ON untuk lebih jelasnya mengenai cara mendapatkan kode API google ini bisa baca di bersosial.com.

Setelah mendapatkan kode API, silakan di save dulu di notepad. Kodi ini yang nantinya akan bekerja untuk menyingkat URL kita secar otomatis.

Setelah itu, buka Menu Edit HTML pada dashboard blogger dan pastikan template kita mempunyai script seperti berikut ini:

 <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js'/>
Jika sudah ada, langsung saja pasang script selanjutnya seperti berikut ini sebelum kode </head> :
 <!-- shorturl --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='//apis.google.com/js/client.js' type='text/javascript'/> <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 ANDA'); gapi.client.load('urlshortener', 'v1', function () { document.getElementById("output").innerHTML = ""; }); } window.onload = load; //]]> </script> </b:if> <!-- end shorturl -->

Note: rubah dulu tulisan KODE API ANDA dengan kode API yang sudah anda dapatkan tadi.

Jika sudah, cari kode berikut:

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/>
Kemudian pastekan kode berikut ini dibawahnya dan pastikan bukan bagian dari template mobile:
 <br/><br/> &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 Shorten URLs'/> <div id='output'>Loading...</div>

Setelah selesai silakan di save dulu, lalu lihat hasilnya. Demikian tutorial singkat tentang cara menambahkan goo.gl URL shorterner di blogspot. Semoga bermanfaat.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: