tRikSonic
Informasi : saat ini anda mengakses blog ini untuk halaman yang di percepat penggunaannya untuk mobile/handphone (AMP) atau akses mobile dengan kecepatan internet yang rendah, mungkin beberapa fitur diblog ini belum tersedia, silahkan ganti Thema untuk mengaktifkan beberapa fitur lainnya. Terimakasih

Cara redirect 404 page di blogger

Terakhir diperbarui : 23 Mei 2018 - 10.17

Cara redirect 404

Cara redirect 404 page di blogger - kali ini saya akan share tutorial cara redirect halaman error kehalaman lain, dimana dengan menggunakan metode ini akan banyak keuntungan didapat, tergantung cara penggunaannya.
Metode redirect halaman error atau yang lebih tepat dibilang 404 page redirect kali ini menggunakan dua opsi yang langsung di jalankan. Opsi yang pertama dengan menggunakan perintah javascript, dan yang kedua menggunakan element html <meta>.

Kode xml Blogger :

Metode 1

Untuk metode yang pertama ini menggunakan Tag Conditional Blogger yang baru untuk halaman error page
<b:if cond='data:view.isError'>
  <script>window.location.href="https://example.com/";</script>
  <meta content='0;url=https://example.com/' http-equiv='refresh'/>
</b:if>

Metode 2

Untuk metode yang kedua ini menggunakan Tag Conditional Blogger yang lama untuk halaman error page
<b:if cond='data:blog.pageType == "error_page"'>
  <script>window.location.href="https://example.com/";</script>
  <meta content='0;url=https://example.com/' http-equiv='refresh'/>
</b:if>
Perhataikan link https://example.com/ silahkan ganti dengan url yang dikehendaki
Silahkan pilih antara Metode 1 atau Metode 2, tidak perlu memasang kedua duanya

Cara Penggunaan

pastekan kode diatas tepat di bawah <head>, agar proses redirect berjalan dengan cepat tanpa membaca element lainnya.
Saya menempatkan javascript pada urutan yang pertama dan elemen <meta> diurutan yang kedua, hal tersebut karena element <meta> dengan attribute http-equiv='refresh' mempunyai kelemahan, apa kelemahannya ? kelemahannya adalah saat loading page pertama kali akan ada jeda beberapa saat baru kemudian akan terjadi proses redirect halaman, maka dari itu penenpatannya di posisi kedua sebagai pelapis jika browser yang digunakan pengunjung tidak mendukung javascript.
Berbeda dengan penggunaan javascript diatas, saat browser loading halaman dan membaca script tersebut maka proses redirect halaman akan langsung dieksekusi oleh browser yang di gunakan user/pengunjung.
Dengan menggunakan metode ini akan banyak keuntungan nantinya di dapat, misal diarahkan kehalaman tertentu dengan target tertentu pastinya atau sekedar pengalihan ke home page. semua terserah anda mengaturnya. Kode xml blogger diatas hanya akan berfungsi dihalaman 404 saja, dan tidak mengganggu halaman lainnya, asal tag conditional yang diatas tidak berubah.
Catatan : contoh javascript dan meta diatas tidak hanya bisa digunakan untuk halaman error saja, tapi juga bisa digunakan untuk kepentingan lainnya, saya pribadi tidak menganjurkan penggunaannya untuk kepentingan yang bersifat ilegal. Jadi bijaklah sebagai seorang blogger ya, hehe...

Contoh dan Demo

Contoh dan demo berikut hanya untuk perumpamaan bagaimana cara diatas dapat bekerja. Karena editor live ini tidak mendukung xml blogger jadi saya tidak mengikut sertakan Tag conditional pada demo ini.
<!DOCTYPE html>
<html>
<head>
<b:if cond='data:blog.pageType == "error_page"'>
  <script>window.location.href="https://example.com/";</script>
  <meta content='0;url=https://example.com/' http-equiv='refresh'/>
</b:if>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<h2>Cara redirect 404 page di blogger</h2>

</body>
</html>

Tidak ada komentar

Add New Comment