tRikSonic
Tema
  • Original
  • Translate

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.
Cara redirect 404 page
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>
<!DOCTYPE html>
<html>
<head>
<!-- <b:if> -->
  <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

Comment Form

Posting Komentar

  1. Untuk menyisipkan sebuah link atau tautan gunakan <i rel="link=//example.com">teks disini</i>
    • Tanpa menggunakan https: dan http:
  2. Untuk menyisipkan sebuah kode yang pendek gunakan <i rel="code">kode disini</i>
  3. Untuk menyisipkan sebuah kode yang panjang gunakan <i rel="pre">kode disini</i>
  4. Untuk menyisipkan sebuah teks Tebal gunakan <strong>teks tebal disini</strong>
  5. Untuk menyisipkan sebuah teks Miring gunakan <em>teks miring disini</em>
  6. Untuk menyisipkan sebuah gambar gunakan <i rel="image">url gambar disini</i>

Ketentuan Komentar

  • Pengguna yang dapat berkomentar adalah pengguna yang memiliki akun google
  • Guna mengurangi komentar yang bersifat spam, maka akan diberlakukan langkah verifikasi kata.
  • Pengguna bertanggung jawab atas komentar yang dikirim
  • Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim
  • Dengan mengirimkan sebuah komentar, maka pengguna dianggap menyetujui semua ketentuan diatas

Poin ketentuan diatas tidak bersifat tetap, dan dapat berubah kapan saja

Konversi Kode
Kode yang ingin dikonversi

Loading.....
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.