Security System Order
Latest Updates

Cara Membuat Page 404 di Blog

Halo sobat blogger ..
Malem minggu nii kita begadang sampe pagi yuk ? hehe ..
Sobat blogger, kali ini saya mau bagiin cara membuat Page 404 di blog yang menyatakan bahwa halaman tidak ditemukan ..
Contohnya seperti ini kawan ..



Lebih yahud kan keliatannya ?
Dari pada ga pake page sama sekali kan keliatan hambar .. bener gak ? hehe ..
Langsung aja yuk sobat ..

Cara pembuatan page 404

1. Login akun blogger sobat
2. Pilih template, lalu Edit HTML 
3. Letakkan kode dibawah ini diatas kode </body> (rubah kode warna merah sesuai kehendaksobat)
<!-- Page404 Start-->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
.error-page-404 {
background: #ebebeb;
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:50px
}

</style>
<div class='error-page-404'>
<div class='error-logo'><img alt='' src='http://dc385.4shared.com/img/N-Kc50mp/s7/14316056180/404.png'/></div>
<div id='error-not-found'>
<h1>HALAMAN TIDAK DITEMUKAN</h1>
<h3>Kemungkinan halaman telah dihapus, atau Sobat salah menulis URL</h3>
<h3>Kembali ke Blog <a href='http://dhamar-tkj.blogspot.com/'><font face="Bauhaus 93">Dhamar|TeKaJe</font></a></h3>
</div>
</div></b:if>
4. Letakkan kode dibawah ini sebelum kode </head>
<script type='text/javascript'>
        //<![CDATA[
  $(document).ready(function() {
 // Set error
    var error = $('section[data-error]');
    error.attr('class', 'error error-' + error.attr('data-error'));
});
   //]]>
    </script>
 5. Letakkan kode dibawah ini setelah kode <b:includable id='main' var='top'>
<b:if cond='data:numPosts == 0'>
<data:navMessage/>
</b:if>
6. Simpan template. Selesai !

Jika sobat mau membuat agar tampilan awal tidak tampil ikuti langkah dibawah ini ..

1. Masukkan kode dibawah ini setelah <body>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
2. Lalu tambahkan kode dibawah ini setelah kode HTML standard template seperti header, main wrapper, footer dsb .. tujuannya untuk mengakhiri kode diatas
</b:if>
3. Lalu ganti kode dibawah ini
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
Dengan kode dibawah
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></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>

Gimana sobat ? mudah kan ? silahkan sobat rubah dan kembangkan sendiri ya ..
Jika ada pertanyaan silahkan komentar dibawah sobat..
Baca Juga : http://dhamar-tkj.blogspot.com/2013/12/cara-menghapus-artikel-yang-baik-dan.html
Semoga bermanfaat ya sobat. Terima kasih, Salam Blogger ! :)

Ditulis Oleh : Unknown

Sampai disini dulu ya sobat artikel tentang Cara Membuat Page 404 di Blog. Jika ada yang ingin sobat tanyakan tentang artikel ini, silahkan sobat berkomentar dibawah. Jika sobat ingin mengcopy artikel tentang Cara Membuat Page 404 di Blog boleh saja, tapi jangan lupa untuk menyertakan link sumbernya ya :) . Jangan Lupa Share ke Jejaring Sosial ya sobat, tombolnya ada dibawah ini. Terima Kasih semoga artikel ini bermanfaat, Salam Blogger !

0 Response to "Cara Membuat Page 404 di Blog"

Posting Komentar

Terima kasih telah membaca artikel ini sobat ..
Silahkan berkomentar jika ada yang ingin sobat tanyakan seputar artikel ini ..

PERATURAN BERKOMENTAR
- Gunakan bahasa yang baik dan sopan
- Gunakan tulisan sesuai standar KBBI agar mudah dipahami
- Dilarang menggunakan tulisan/huruf/kata/kalimat yang sulit dipahami
- Dilarang berkomentar OOT (Out Of Topic)
- Dilarang berkomentar yang berbau sara/spam/junk
- Dilarang memasukkan link aktif
- Dilarang menggunakan Anonymous
- Berkomentarlah yang berkualitas (mudah dipahami)

Peraturan dibuat demi kenyamanan bersama.
Terima kasih atas kunjungannya sobat. Salam blogger.