Cara Mengubah URL blog di Address Bar Menggunakan JavaScript dan 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

Baca Juga: