How to Create an Automated Shortlink "goo.gl" to Share Post Blogger

Pagi sobat Shana Chanz.. Pada kesempatan pagi ini saya akan berbagi tutorial Bagamana Cara Membuat Short URL atau Shortlink Google Otomatis di Blogspot.

Google URL Shortener Iyalah salah satu Shortener gratis selain dari bit.ly, kegunaan dan kelebihan dari goo.gl atau Google Shortlink ini agar link blog yang kita share tidak terlalu sangat panjang url yang kita share.
Selain itu google shortlink dapat menganalisi berapa kira-kira total klik yang orang itu akan klik yang kita share dan masuk layaknya pencarian blog kita di google di klik, alasan kita menggunakannya juga karena shortlink ini di pegang oleh google pastinya jadi tidak khawatir akan matinya shortlink ini pastinya.

Untuk demonya bisa kita lihat di bawah ini..

Dan untuk tutorial mari liat tutorial pemasangannya kita simak di bawah ini :

Tutorial Pemasangan

1. Pertama cari kode </head> dan letakan kode dibawah ini tepat di atas </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.idshort {font-weight:bold;font-size:100%;color:#333!important}
.idshort a.url{inline-block;margin:0 0 0 5px;color:#333!important;display:border-radius:3px;text-decoration:none!important;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;background:#f8f8f8;border:1px solid #ccc;line-height:22px;padding:1px 8px 0 5px;transition:all 400ms ease-in-out;}
.idshort a.url:hover{color:#555;border:1px solid #999;background:#fafafa;}
.idshort a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16);}
.loading-idshort{display:none}
.clear{clear:both}
</style>
</b:if>

2. Selanjutnya cari <b:includable id='post' var='post'> atau cari <!-- clear for photos floats --> kemudian scrool ke bawah, cari yang kode yang kira-kira mirip seperti di bawah ini.

      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

3. Selanjutnya lalu Copy kode di bawah ini, dan paste sesudah kode </div> di atas atau boleh dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='idshort'>
Get short URL: <a class='url' expr:onclick='&quot;shortenUrl(this, &amp;#39;&quot; + data:post.url + &quot;&amp;#39;, &amp;#39;googl&amp;#39;);return false;&quot;' href='javascript:void(0)' title='Click to get short URL'>Get Short URL</a></span><span class='loading-shorturl'><img alt='loading short url' src='data:image/gif;base64,R0lGODlhEAAQAPMAAP///5ycnJycnM7OzsfHx9zc3OTk5Ovr6/Hx8dXV1fX19cTExAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAEKxDISau9OE/Bu//cQBTGgWDhWJ5XSpqoIL6s5a7xjLeyCvOgIEdDLBqPlAgAIfkECQoAAAAsAAAAABAAEAAABCsQyEmrvThPwbv/XJEMxIFg4VieV0qaqCC+rOWu8Yy3sgrzoCBHQywaj5QIACH5BAkKAAAALAAAAAAQABAAAAQrEMhJq704T8G7/9xhFMlAYOFYnldKmqggvqzlrvGMt7IK86AgR0MsGo+UCAAh+QQJCgAAACwAAAAAEAAQAAAEMRDISau9OE/Bu/+cghxGkQyEFY7lmVYraaKqIMpufbc0bLOzFyXGE25AyI5myWw6KREAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/nKQgh1EkA0GFwFie6SqIpImq29zWMC6xLlssR3vdZEWhDwBqejTQqHRKiQAAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/HKUgh1EkAyGF01ie6SqIpImqACu5dpzPrRoMpwPwhjLa6yYDOYuaqHRKjQAAIfkECQoAAAAsAAAAABAAEAAABDEQyEmrvThPwbv/nKUgh1EkAxFWY3mmK9WaqCqIJA3fbP7aOFctNpn9QEiPZslsOikRACH5BAkKAAAALAAAAAAQABAAAAQrEMhJq704T8G7/xymIIexEOE1lmdqrSYqiGTsVnA7q7VOszKQ8KYpGo/ICAAh+QQJCgAAACwAAAAAEAAQAAAEJhDISau9OE/Bu/+cthBDEmZjeWKpKYikC6svGq9XC+6e5v/AICUCACH5BAkKAAAALAAAAAAQABAAAAQrEMhJq704T8G7/xy2EENSGOE1lmdqrSYqiGTsVnA7q7VOszKQ8KYpGo/ICAAh+QQJCgAAACwAAAAAEAAQAAAEMRDISau9OE/Bu/+ctRBDUhgHElZjeaYr1ZqoKogkDd9s/to4Vy02mf1ASI9myWw6KREAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/HLUQQ1IYByKF01ie6SqIpImqACu5dpzPrRoMpwPwhjLa6yYDOYuaqHRKjQAAIfkECQoAAAAsAAAAABAAEAAABDYQyEmrvThPwbv/nLQQQ1IYB0KFwFie6SqIpImq29zWMC6xLlssR3vdZEWhDwBqejTQqHRKiQAAIfkECQoAAAAsAAAAABAAEAAABDEQyEmrvThPwbv/3EIMSWEciBWO5ZlWK2miqiDKbn23NGyzsxclxhNuQMiOZslsOikRADsAAAAAAAAAAAA'/></span>
<div class='clear'/>
</b:if>

4. Langkah terakhir lalu copy lagi Kode di bawah ini sebelum kode </body> jika tidak ketemu cari /body saja.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://googledrive.com/host/0BxCLYUB-Xvn6bmVONTFDeUhodnc/itanashort.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

5. Jika sudah selesai lalu Save/Simpan Template.

Selesai sudah tutorial kita Bagaimana Cara Buat Shortlink Otomatis goo.gl untuk Share Post Blogger, semoga kalian bisa membuat blog sobat lebih banyak yang share lagi..

Semoga dapat bermanfaat untuk kita semua, Tetap semangat ngeblog nya dan terima kasih.