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-->4. Letakkan kode dibawah ini sebelum kode </head>
<b:if cond='data:blog.pageType == "error_page"'>
<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>
<script type='text/javascript'>5. Letakkan kode dibawah ini setelah kode <b:includable id='main' var='top'>
//<![CDATA[
$(document).ready(function() {
// Set error
var error = $('section[data-error]');
error.attr('class', 'error error-' + error.attr('data-error'));
});
//]]>
</script>
<b:if cond='data:numPosts == 0'>6. Simpan template. Selesai !
<data:navMessage/>
</b:if>
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 != "error_page"'>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 == "index"'>Dengan kode dibawah
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 ! :)
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.