Cara Membuat Kustomisasi Page Not Found 404 di Blogger Cara Membuat Kustomisasi Page Not Found 404 di Blogger - mizipediacom mizipediacom: Cara Membuat Kustomisasi Page Not Found 404 di Blogger

KATEGORI










LIVE TV

Iklan Semua Halaman

Cara Membuat Kustomisasi Page Not Found 404 di Blogger

Sunday, September 3, 2017



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.
Lihat Juga