4/08/2013

Tips Membuat Halaman 404 Error Pada Blog



http://caraterupdate.blogspot.com/2013/02/cara-membuat-404-error-page.html
fajarjabrik kali ini akan memberikan Cara Membuat 404 Error Page untuk Blogger yang ane peroleh dari blog tetangga. Cara mengubah pesan ini ke sesuatu yang lain dapat di ubah dari Pengaturan Blogger



Sebelum kita mulai membahas Cara Membuat 404 Error Page atau anda memasang atau membuat custom 404 Error Page di Blogger, anda harus tau manfaat dari 404 Error Page di Blogger, adapun manfaaat adalah untuk memudahkan pengunjung blog anda yang tersesat dikarenakan ada kesalahan pada blog kita untuk memberikan arahan atau pentunjuk untuk kembali ke jalan yang benar:-) Dengan Cara Membuat 404 Error Page pada blog, anda dapat berkomunikasi secara tidak langsung kepada pengunjung anda jika mereka menemukan kesalahan tujuan URL blog anda atau mengunjungi broken link atau backlink yang belum anda perbaiki.

Dan Cara Membuat 404 Error Page sangat bermanfaat bagi pengunjung anda untuk mengarahkan mereka ke menu utama agar pengunjung menganggap blog anda adalah blog professional, dengan Cara Membuat 404 Error Page ini pula anda meminimalisir kesalahan blog anda yang terjadi ketika mereka cari dimesin pencari, dengan arahan opsi yang anda berikan memudahkan pengunjung untuk tetap percaya kepada blog anda. Karena anda tidak membiarkan pengunjung berada dalam kesesatan atau kesalahan dalam pencarian blog anda, jadi custom 404 Error Page penting dalam sebuah blog!

Cara Membuat 404 Error Page :


  1. Pilihan ini ada di Setelan › Preferensi penelusuran › Kesalahan dan pengalihan  Pesan khusus untuk laman tidak ditemukan masukan kode berikut :

<br />
<div class="MsoNormal">
<span lang="IN"> </span><span lang="IN" style="font-family: &quot;Bradley Hand ITC&quot;; font-size: 28.0pt; line-height: 115%; mso-ansi-language: IN;">404</span><span lang="IN" style="font-family: Algerian; font-size: 28.0pt; line-height: 115%; mso-ansi-language: IN;">.</span><span lang="IN"> </span><span lang="IN" style="font-family: &quot;Bradley Hand ITC&quot;; font-size: 28.0pt; line-height: 115%; mso-ansi-language: IN;">Oops, Terjadi Kesalahan.</span><span lang="IN"><o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;">Sepertinya halaman atau artikel yang Anda minta sudah
dihapus. <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;">Silahkan <a href="http://fajarjabrik.blogspot.com//p/table-of-contents.html" target="_blank">lihat seluruh artikel</a> </span><span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;">Berbagi Informasi Terkini</span><span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;"> Blog</span><span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;"> atau
Anda bisa
<br />
berlih ke </span><span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;"><a href="http://fajarjabrik.blogspot.com/" rel="nofollow" target="_blank">Beranda</a></span><span lang="IN" style="font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;">  kami.<o:p></o:p></span></div>
   2.  Silahkan anda ganti tulisan yang berwarna merah di atas dengan dengan url dan nama blog anda.

   3.  Simpaan
  • Langkah selanjutnya :
Anda pergi ke Template › Edit HTML masukan kode CSS berikut, taruh sebelum kode </head>
<b:if cond='data:blog.pageType == "error_page"'><style type="text/css">.status-msg-wrap{ background:url(http://xara-users.info/demos/video-light-box/index_htm_files/158.png) no-repeat right; font-size:110%; width:90%; margin:10px auto; position:relative; height: 220px;}.status-msg-border{display:none;}.status-msg-body{ text-align:left; padding:.3em 0; width:100%; position:static; z-index:4}</style></b:if>
Anda bisa mengubah 404 Error Page anda dengan gambar sesuai dengan selera anda dengan mengganti url gambar yang sekar tandai dengan warna merah. Mengganti Judul Halaman Kesalahan Secara default judul Page Kesalahan Blogger adalah Judul Blog Anda. Jika Anda ingin mengubahnya ke sesuatu yang lain, Anda dapat Mengedit template Anda dan mengubah kode berikut :

<title><data:blog.pageTitle/></title>

Ganti dengan kode dibawah ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.pageTitle/></title><b:else/><b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title><b:else/><title><data:blog.pageName/><b:if cond='data:blog.pageName'> - </b:if><data:blog.title/></title></b:if></b:if>
 Save Template Anda.

Cara Membuat 404 Error Page telah selesai

Untuk mengecek perubahan Anda bisa melakukan seperti langkah dibawah ini :


Misalkan salah satu artikel saya : http://caraterupdate.blogspot.com/2013/02/cara-membuat-blockquote-di-blog.html. Maka ubah menjadi http://caraterupdate.blogspot.com/2013/02/cara-membuat-blockquote-di-blog123.html

Saya kira penjelasan mengenai Cara Membuat 404 Error Page cukup jelas, hanya itu saja yang Saya tahu tentangCara Membuat 404 Error Page. Apabila masih ada yang belum paham, atau ada yang ingin ditanyakan, atau pun ingin menambahkan, silahkan anda beri komentar di bawah ini, terima kasih.