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 dikehendakiSilahkan 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>
Posting Komentar