Cara Mengubah URL blog di Address Bar Menggunakan JavaScript dan jQuery

mengubah URL di Address Bar dengan jQuery
Tutorial blog kali ini tentang cara mengubah alamat website/blog saat dibuka menggunakan sedikit potongan kode dari JavaScript dan jQuery. Konsepnya seperti redirect link, tetapi untuk tutorial kali ini tidak mengganti seluruh link yang ada melainkan hanya mengganti sebagian kata/huruf dari permalink.

Peran kode JavaScript dalam tutorial ini adalah mengganti/replace permalink dengan yang kita tentukan, serta meload/me-refresh kembali address bar dengan permalink yang baru itu. Sementara peran kode jQuery ialah menghentikan reload/refresh yang berulang-ulang, dalam arti lain, kode jQuery dalam tutorial ini hanya akan mengijinkan laman melakukan refresh cukup sekali saja.

Perlu dicatat bahwa cara ini bukan mengganti hyperlink. Karena mengganti hyperlink pada platform blogger tidak disupport. Cara ini hanya cocok digunakan untuk mengarahkan user untuk mengakses laman yang sesuai.

Kira-kira begitulah penjelasannya.

Lalu cara menerapkannya adalah seperti berikut ini.

Kode yang diperlukan adalah seperti berikut ini:

<script type='text/javascript'>
//<![CDATA[
function test(){ var bx = 'kode_yang_ingin_diubah';
var url = window.location.toString();window.location.href=window.location.href.toString().replace( bx , 'kode_yang_diharapkan');
}test();
//]]>
$(document).ready(function(){if(document.URL.indexOf(&quot;#&quot;)==-1){url = document.URL+&quot;#&quot;;location = &quot;#&quot;;location.reload(true);}});
</script>

Contoh:

Misalnya link seperti berikut ini:
https://www.example.com/sumber-air-so-dekat.html

Padahal link yang benar dan diinginkan adalah menjadi seperti ini:
https://www.example.com/sumber-air-sudah-dekat.html

Jadi, saya harus mengganti kata so menjadi sudah, agar user mendapat laman yang benar. Jika diterapkan pada script di atas, maka hasilnya akan menjadi seperti ini:

<script type='text/javascript'>
//<![CDATA[
function test(){ var bx = 'so';
var url = window.location.toString();window.location.href=window.location.href.toString().replace( bx , 'sudah');
}test();
//]]>
$(document).ready(function(){if(document.URL.indexOf(&quot;#&quot;)==-1){url = document.URL+&quot;#&quot;;location = &quot;#&quot;;location.reload(true);}});
</script>

Letakkan script tersebut tepat di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

lalu klik Save Theme.

Perhatian:
Anda butuh kode jQuery loader untuk mengaktifkan fungsi script di atas, kodenya seperti berikut ini dan diletakkan di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

Sekian tutorial kali ini, semoga membantu!

Source: https://stackoverflow.com
Niagahoster
VPS Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
VPS Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K
Free and premium blogger templates