bikin 404 page not found

Sebuah template blog rasaya belum lengkap kalau belum di kasih pernak pernik widget yang mendukung, kali ini saya akan catat lagi perjalanan mendesain template blog yaitu membuat Error Page Atau 404 page not found yang tentunya tidak memberatkan loading blog

Pemberitahuan: Jquery sudah tidak berlaku lagi, kode yang lain nya masih tetap berjalan

<script>
//Redirect Page Not Found - Error 404 By Lostsector
LS_redirect = setTimeout(function() {
location.href= "/"
}, 5000);
</script>

Untuk memasukan kode di atas lihat gambar di bawah ini, fungsi kode ini untuk kembali kehalamn home secara auto

404 page not found

#error-page {
text-align:center;
background-color:#222;
position:fixed !important;
position:absolute; /* IE6 Fallback */
top:0px;
right:0px;
bottom:0px;
left:0px;
z-index:99999;
text-shadow: 1px 1px #444,
-1px -1px #111,
-2px -2px #111;
text-decoration: none;
border:10px solid #222;
box-shadow:0 0 1px #888 inset,
0 0 15px #000 inset
}

kode di bawah ini saya pasang di antara class-sidebar dan class fotter dan tulisan inilah yang akan muncul ketika halaman tidak di temukan

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<p align='center'>
<font color='#333' padding-bottom='50px' style='font-size: 60px'>
<strong>Opic Blog</strong>
</font>
</p>
<br/>
<p align='center'>
<font color='red' style='font-size: 30px'>
<strong>404 Page Not Found</strong>
</font>
</p>
<br/>
<p align='center'>
<font color='#CCC' style='font-size: 20px'>AUTO BACK TO HOME...!!!</font>
</p>
</div>
</b:if>

perhatikan kode di bawah ini yang di pasang di bawah kode <head> kunci nya pada kode yang di blok merah, fungsi nya untuk memunculkan tulisan 404 page not found di bar browser
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | Coding and Jumper</title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404 Page Not Found | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
</b:if>

Itulah share saya tentang cara membuat dan pasang Costum 404 PAGE NOT FOUND di blog

25 komentar

  1. Lama gak kesini, blog mas Opic semakin keren :-d

    BalasHapus
    Balasan
    1. iya nie mas wawan memang maikn keren dech blognya :-d

      Hapus
    2. nama nya juga lagi belajar mas... terima kasih buat mas wawan dan mas imron yang sudah mampir :D terima kasih juga atas pujian nya

      Hapus
    3. sama sama om,,btw saya boleh tanya ngk om saya pengen membuat page oldeng link seperti di blog ini yang kemaren kira2 bisa dibantu ngk,,

      Hapus
    4. page oldeng link ? maksud nya apa mas =(

      Hapus
    5. ane sambut kedatangan mu pren... xV wkwkwkwkwk

      Hapus
    6. kayaknya ada yang baru nih mas.. pada tentang admin. triksnya dong ^_^

      Hapus
    7. boleh ane tau triksnya mas ?? hehe

      Hapus
  2. nice nih baru, Oh iya headernya sunguh menawan :)

    BalasHapus
    Balasan
    1. terima kasih pujian nya mas, bila mas punya saran silahkan utarakan saja mas... trims... kunjungan nya

      Hapus
    2. maksudnya untuk blog pager,new link,oledr link blog ini yang kemaren itu mas opick yang pengen saya terapkan..

      Hapus
    3. perasaan template yang saya kasih dulu blog-page nya sama kaya blog ini

      Hapus
    4. bukan yang sekarang mas opic tapi blog-page mas opic yang kemaren sebelum yang ini mas..

      Hapus
    5. ini juga sama kaya yang kemaren, cuma saya edit lagi posisi dan background nya saja

      Hapus
  3. woow keren kang... TQ yaaaa... :)

    BalasHapus
    Balasan
    1. yang keren admin nya ea :Q wkwkwkwkwkwkwk

      Hapus
  4. Balasan
    1. trims... kunjungan nya mas aditama :yaya:

      Hapus
  5. gan, kalo kodenya begini gimana cara nyimpen kode yang di warnai merah buat munculin nama dibar browser ???

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Blog Info Education, Tips, Triks</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>


    Kendala saya, saya sisipkan dibagian tengah, tapi bermasalah dimesin index judul artikelnya, kalo saya taro di bagian bawah, gk muncul di bar browser. saya bingung, tolong kasi solusinya !!!

    BalasHapus
  6. kode mas maulana itu ternyata doubel tag kondisional, mesin juga bingung ngebaca nya... coba saja kode ini mas. ini kode yang saya pakai di blog ini
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/> | trick tips jumper phonsel</title>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <title>404 Page Not Found ~ <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if></b:if>

    BalasHapus
  7. mampir kesini mas taufik,, saya coba :)

    BalasHapus

Terima kasih atas kunjungan nya dan Gunakan tag seperlunya

Tag kode pendek <i rel="code">KODE ANDA</i>
Tag kode panjang <i rel="pre">KODE PANJANG ANDA</i>
Tag gambar <i rel="image">URL GAMBAR</i>
Tag judul <b rel="h3">JUDUL ANDA DI SINI...</b>
Tag huruf tebal <b>TEKS ANDA DI SINI...</b>
Tag huruf miring <i>TEKS ANDA DI SINI...</i>

Konversi Code