Cara Menciptakan Google Url Shortener Untuk Share Artikel

Pasti nya teman pernah atau memang sering nge'Share artikel yang teman punya melalui Aplikasi Goo.gl URL Shortener. Google URL Shortener merupakan pemendek URL yang di sediakan gratis oleh pihak google. Namun terkadang ribet juga kalau kita harus mengCopy artikel kita terlebih dahulu kemudian paste pada aplikasi Goo.gl Url Shortener tersebut.

Kenapa teman tidak buat sendiri saja pada blog kalian? Secara akan mempermudah buat teman untuk share artikel yang kalian punya. Dan disini pada kesempatan kali ini aku ingin menyebarkan Cara Membuat Google URL Shortener Untuk Share Artikel yang patut kalian coba.

Bagaimana cara nya? Kalian dapat ikuti langkah - langkah sebagai berikut.

Cara Membuat Google URL Shortener Untuk Share Artikel

Silahkan teman copy isyarat CSS di bawah ini, kemudian letakan isyarat tersebut di atas isyarat </style> pada template kalian.

 .sharethis a.url{text-decoration:none!important;display:inline-block;margin-top:5px;font-size:14px;font-weight:500;border-radius:3px;color:#fff!important;background:#555;border:1px solid #444;line-height:1;padding:3px 8px;transition:all .4s ease-in-out} #share-menu,.loading-shorturl{display:none} .sharethis a.url:hover,.sharethis a.url:active{background:#333;border:1px solid #222;}

Lalu kalian copy lagi isyarat di bawah ini, dan letakan isyarat tersebut di atas isyarat </body> pada template kalian.

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

Untuk Shortenurl.js pada https://mamankdzgn.blogspot.com//search?q=cara-hosting-atau-upload-file" target="_blank">Cara Hosting atau Upload File JavaScript HTML CSS di GitHub Melalui HP

Dan yang terakhir untuk isyarat HTML pemanggil nya silahkan kalian copy isyarat di bawah ini kemudian letakan isyarat tersebut di bawah judul maupun di final artikel. Kode ini bebas dapat kalian letakan di mana saja tetapi harus tetap berada pada bab artikel.

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <span class='shorturls sharethis'> Share this with 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' height='11' src='data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA' title='Loading' width='16'/></span> </b:if>

Untuk teladan nya ibarat apa, teman dapat lihat pada final dari artikel ini. Karena aku pun juga memasang nya. Bila dari segi warna atau tampilan kalian dapat edit sendiri cukup pada isyarat CSS di atas.

Mungkin itu saja yang dapat aku bagikan pada artikel kali ini. Semoga dapat bermanfaat buat teman yang sedang mencari Cara Membuat Google URL Shortener Untuk Share Artikel. Selamat mencoba!