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 jika 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 mengembangkan Cara Membuat Google URL Shortener Untuk Share Artikel yang patut kalian coba.

Cara nya pun juga sangat mudah, disini kita tidak memakai token api yang biasa banyak yang sudah share dengan metode memakai token. Dan bagi teman yang ingin mencoba nya, silahkan kalian ikuti langkah - langkah nya sebagai berikut.

Cara Membuat Google URL Shortener Untuk Share Artikel

Silahkan teman copy aba-aba CSS di bawah ini, kemudian letakan aba-aba tersebut di atas aba-aba </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 aba-aba di bawah ini, dan letakan aba-aba tersebut di atas aba-aba </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://varianberita.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 aba-aba HTML pemanggil nya silahkan kalian copy aba-aba di bawah ini kemudian letakan aba-aba 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 pola nya ibarat apa, teman dapat lihat dibawah judul artikel ini (kalo belum berubah). Karena aku pun juga memasang nya. Bila dari segi warna atau tampilan kalian dapat edit sendiri cukup pada aba-aba CSS di atas.

Mungkin itu saja yang dapat aku bagikan pada artikel kali ini. Semoga dapat bermanfaat buat teman yang sedang mencari cara menciptakan google url shortener untuk share artikel, cara menciptakan google url shortener tanpa token. Selamat mencoba!

Bagikan Artikel ini