Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Google Url Shortener Untuk Share Artikel


Pasti nya sahabat pernah atau memang sering nge'Share artikel yang sahabat 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 sahabat tidak buat sendiri saja pada blog kalian? Secara akan mempermudah buat sahabat 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.

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

Cara Membuat Google URL Shortener Untuk Share Artikel

Silahkan sahabat 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://bacainartikel.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 selesai 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 menyerupai apa, sahabat 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 instruksi CSS di atas.

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