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 jikalau 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 instruksi CSS di bawah ini, kemudian letakan instruksi tersebut di atas instruksi </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 instruksi di bawah ini, dan letakan instruksi tersebut di atas instruksi </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://kerjaonline-copydanpaste.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 instruksi HTML pemanggil nya silahkan kalian copy instruksi di bawah ini kemudian letakan instruksi tersebut di bawah judul maupun di simpulan 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 menyerupai apa, teman dapat lihat pada simpulan dari artikel ini. Karena aku pun juga memasang nya. Bila dari segi warna atau tampilan kalian dapat edit sendiri cukup pada instruksi 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!