Cara Membuat Google Shortner Url Di Postingan Blog

Cara Membuat Google Shortner Url Di Postingan Blog

apa itu Google URL Shortener ?

Google URL Shortener adalah salah satu shortener gratis, Gunanya untuk memperpendek link agar link terlihat tidak terlalu panjang untuk di lihat.

Untuk mencobanya silakan sobat bisa langsung test disini : https://goo.gl (Manual Short). Nahh.. yang saya share kali ini Cara untuk membuat otomatis langsung dari postingan agar visitor atau pengunjung blog dapat copy link artikel selain membagikan url blog kita melalui share sosial media..



Kenapa Harus menggunakan Google URL Shortener ?

Salah satu penyedia url shortener milik Google URL Shortener yang di hosted oleh Google pastinya link short tidak akan pernah mati tentunya..


Langsung saja cara pemasangannya..

Untuk melihat demo langsung silakan diklik tombol di bawah..

Demo Shortner Url Otomatis

Cara Pemasangan Di Blogger

1. Silahkan copy code di bawah, Dan Tempelkan sebelum code </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. Cari Code <b:includable id='post' var='post'> atau cari <!-- clear for photos floats --> kemudian scrool ke bawah, cari yang mirip seperti di bawah ini.

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

3. Copy Code di bawah ini, dan paste sesudah code </div> di atas atau boleh di bawah code <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. Copy Code di bawah sebelum code </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>

Oke sekarang sobat sudah berhasil memasang Code Google URL Short Otomatis di blog sobat..