Cara Membuat Kustomisasi Page Not Found 404 di Blogger




Cara Membuat Kustomisasi Page Not Found 404 di Blogger
Cara Membuat Kustomisasi Page Not Found 404 di Blogger


Bagi anda yang ingin membuat halaman error 404 pada blogger melalui Setelan pada Dashboard tidak bisa dilakukan pada setiap blog. Ada blog yang harus dilakukan lewat edit HTML untuk membuat kustomisasi halaman error 404 ini. Karena saya belum tahu pasti namun jika ternyata kustomisasi halaman error 404 ini tidak bisa Anda lakukan lewat Dashboard maka Anda harus lakukan lewat edit HTML.

Untuk itu saya memodifikasi sedikit script agar bisa sesuai dengan blog saya. Tampilannya hanya menampilkan halaman Page Not Found dengan menghilangkan elemen-elemen blog lainnya seperti menu, sidebar, dan lain-lain.

Cara Membuat Kustomisasi Page Not Found 404 di Blogger

  1. Pertama , pastikan anda sudah masuk di dasbhor anda sendiri
  2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
  3. Temukan kode </body>
  4. Silahkan copy kode di bawah ini dan simpan di atas kode </body>
    <b:if cond='data:blog.pageType == "error_page"'>
    <style type='text/css'> 
    .header-wrapper,.sidebar-wrapper,.sidebar2-wrapper,.sidebar3-wrapper,.sidebar4-wrapper,.sidebar5-wrapper,.sidebar6-wrapper,.breadcrumbs,#blog-pager,.post-footer, #comments,.hosting,#undertitle-wrapper,#top-menu,.creditwrap{display:none}
    .main-wrapper{width:100%}
    .outer-wrapper{width:100%}
    #error-404 {text-align: center; transition: all 0.8s ease 0s;color: #b0130d; font-size: 150px; font-weight: bold;} 
    #error-404:hover {color: #333;} 
    .large-heading1 {font-size: 70px;margin-top:10%;}
    .large-heading2 {font-size: 48px;} 
    .light-heading1 {font-size: 20px;font-weight: 400;} 
    .light-heading2 {font-weight: 400;}  
    </style> 
    <div class='large-heading1' style='text-align: center;'>OOPS!</div>
    <div id='error-404'>404</div> 
    <div class='large-heading2' style='text-align: center;'>LAMAN TIDAK DITEMUKAN</div><br/> 
    <div class='light-heading1' style='text-align: center;'>Kami mohon maaf atas ketidaknyamanan ini</div><br/>
    <div class='light-heading2' style='text-align: center;'>Silahkan kembali ke Halaman Utama <a href='/' title='Homepage'><b>mizipediacom</b></a> dan gunakan <b>Search Box</b> untuk kembali mencari artikel yang Anda inginkan.<br/> atau laporkan jika ada kesalahan melalui <a href='#' title='Contact'><b>Contact</b></a>
    </div></b:if>
  5. Lalu anda klik save template, dan lihat hasilnya.
Kode yang di-marking adalah elemen-elemen yang kita hilangkan seperti menu, sidebar, dan lain-lain, silahkan sesuaikan dengan blog masing-masing. Dan untuk kode # silahkan ganti dengan url kontak Anda.

Namun jika Anda ingin mencobanya melalui Dashboard blog silahkan hapus kode yang berwarna hijau. Silahkan Anda masuk ke Dashboard >> Settings/Setelah >> Search Preferences >> kemudian klik "edit" pada Custom Page Not Found.

Untuk mencoba penerapannya pada blog Anda silahkan ketikan url salah blog Anda seperti http://www.BLOG-ANDA.com/404errorpage.

Untuk kustomisasi Page Not Found 404 Blogger ini sendiri sudah banyak artikel yang membahasnya, silahkan saja Anda Googling. demikian penjelasan saya kalai ini. selamat mencoba.

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect