Cara Membuat Halaman Url Shorter di Blogger Dengan API short.io

Bertips.com | Hallo guys ~~hehe udah kek youtuber~~ kembali lagi kita di artikel ke-2 ini mengenai cara membuat halaman url shortlink yaitu kelanjutan dari artikel sebelumnya yang berjudul Cara Membuat Url Shorter Nama Domain Sendiri Dengan Short.io.

Nah untuk sekarang kita membuat generatenya yang berada di halaman blogger sobat. karna safelink ini adalah safelink yang menggunakan layanan short.io yang dimana website tersebut menawarkan fiturnya secara gratis untuk pengembang dan menyediakan api untuk dipakai dalam project tertentu.

Lanjut aja gampang ko sob tinggal ~~ngopi~~ ~~pasta~~ code yang berada dibawah jadi deh halaman generatenya hhehe

Gaperlu panjang lebar juga admin membahas ini karna mimin juga sering bingung mau buat konten apaan ngetik-ngetik nulis-nulis kesana kemari, walaupun google menyukai artikel panjang namun kontennya juga harus berbobot tidak berbelit-belit. jadi initinya harus sesuai topik yang ada.

Apalagi update algoritma google kemarin, entah dah mau sampai kapan artikel mimin kembali normal karna sekarang susah keindeknya pedahal mimin selau optimasi template mulai dari segi kecepatan dan seo udah bagus tapi tetep aja artikel yang dulu terjun bebas entah ke alam mana dahhh..

Tidak perlu panjang lebar pembahasannya kesana kemari, eh malah mimin ngecaprak curhat kemana-mana hadehh..

Lanjut aja ke topik pembahasan yang sebenarnya cikidot...

Cara membuat halaman shortlink di blogger dengan mudah terbaru 2023

Langkah pertama login ke dashboard blogger lalu buat halaman berinama terserah kalian contoh "SHORTLINK" lalu ke bagian mode html salin kode berikut dan paste

<style>
  /*<![CDATA[*/
  /*! Shortlink by bertips.com */
  .hidden{display:none !important}
  button{cursor:pointer}
  button:hover{opacity:.9}
  .headH .headSub{max-width:none}
  .headH .headSub::before{content:"ShortLink"}
  /*]]>*/
</style>
<div class="cArea">
  <label>
    <input class="cInpt" id="shortIn" type="text" />
  </label>
</div>

<div class="cArea center">
  <button class="button" id="shortGen" title="Protect Link">ShortLink</button>
  <button class="button" onclick="shortCpy()" title="Copy">Copy</button>
</div>

<script>  
var _0x48989a = (function () {
    var _0x2c7792 = true
    return function (_0x3a4367, _0xd7e74) {
      var _0x15409b = _0x2c7792
        ? function () {
            if (_0xd7e74) {
              var _0x4dae9f = _0xd7e74.apply(_0x3a4367, arguments)
              return (_0xd7e74 = null), _0x4dae9f
            }
          }
        : function () {}
      return (_0x2c7792 = false), _0x15409b
    }
  })(),
  _0x20c1dc = _0x48989a(this, function () {
    var _0x39a154 = function () {
        var _0x292db6
        try {
          _0x292db6 = Function(
            'return (function() {}.constructor("return this")( ));'
          )()
        } catch (_0x5baab5) {
          _0x292db6 = window
        }
        return _0x292db6
      },
      _0x2152f8 = _0x39a154(),
      _0x2dcbdb = (_0x2152f8.console = _0x2152f8.console || {}),
      _0x17fcff = [
        'log',
        'warn',
        'info',
        'error',
        'exception',
        'table',
        'trace',
      ]
    for (var _0x5b22ed = 0; _0x5b22ed < _0x17fcff.length; _0x5b22ed++) {
      var _0x1ef43d = _0x48989a.constructor.prototype.bind(_0x48989a),
        _0x531939 = _0x17fcff[_0x5b22ed],
        _0x5cd0d5 = _0x2dcbdb[_0x531939] || _0x1ef43d
      _0x1ef43d['__proto__'] = _0x48989a.bind(_0x48989a)
      _0x1ef43d.toString = _0x5cd0d5.toString.bind(_0x5cd0d5)
      _0x2dcbdb[_0x531939] = _0x1ef43d
    }
  })
_0x20c1dc()
document.getElementById('shortGen').onclick = function () {
  var _0x2f1944 = document.getElementById('shortIn').value,
    _0x217619 = {
      domain: 'link.bertips.com',
      originalURL: _0x2f1944,
      allowDuplicates: false,
    }
  fetch('https://api.short.cm/links/public', {
    method: 'post',
    headers: {
      accept: 'application/json',
      'Content-Type': 'application/json',
      authorization: 'Jangan bermain API',
    },
    body: JSON.stringify(_0x217619),
  })
    .then(function (_0x722fd6) {
      return _0x722fd6.json()
    })
    .then(function (_0x194ab4) {
      document.getElementById('shortIn').value = _0x194ab4.shortURL
    })
}
function shortCpy() {
  var _0x4b4817 = document.getElementById('shortIn')
  _0x4b4817.select()
  _0x4b4817.setSelectionRange(0, 99999)
  navigator.clipboard.writeText(_0x4b4817.value)
}
</script>

Langkah ke 2 lalu cari kata 'Jangan bermain API' kalo udah ketemu paste api yang sudah kalian buat di dashboard short.io dan simpan. ~~SELESAI~~

hmm belum ketemu apinya??? oh iya mimin blom ngasih tutor lupa yaudah lanjut ke langkah ke 3 kalian login ke dan masuk ke dashboard short.io

Lalu Pilih "CREATE API KEY"

Lalu pilih subdomain shortlink nya yang sebelumnya sudah dibuat dan klik "Create"

Jika sudah maka taraaaa disini anda berhasil membuat dan mendapatkan Api key nya...

Nah jangan lupa di copy ya dan paste kan di tempaat yang sudah admin bahas di atas.

Selesai. alhamdulilah kelar juga bikin artikel soalnya mimin lagi tyidak sehat lagi musim flu, semoga kita semua diberikan kesehatan dan sakit semoga cepat sembuh amin.

DEMO

Yowes mingkin kali ini admin akan mengakhiri semoga berhasil dan bermanfaat, jika ingin reshare silahkan ~~tapi jangan lupa mimin ya hehe.~~

Jika kalian mengalami kendala jangan sungkan2 komentar dibawah ini insyaalah mimin balas.

Thankyou telah berkunjung.