Showing posts with label custom. Show all posts
Showing posts with label custom. Show all posts

Membuat 404 Page Not Found Untuk Blogger

404-not-found
Baru nyadar ternyata di blogger ada fitur barunya yaitu Search Preferences, salah satunya yaitu sekarang kita bisa meng-kostum halaman 404 error page not found. Biasanya blogger default error/404 page yang lama hanya menampilkan pesan box error berupa tuslisan saja, seperti ini:


Tapi sekarang kita bisa merubah halaman 404 error page not found dengan style yang anda mau. Anda bisa menambahkan tag HTML dan CSS di dalamnya.
Okeh langsung saja bagi yang ingin merubah halaman 404 not found, ikut langkah-langkah ini.

Tips Cara Membuat Halaman 404 Error Page Not Found untuk Blogger

Membuat-Halaman-404-Page-Not-Found

  • Masuk ke Tab "Setting" -> "Search Preferences", lihat pada bagian "Custom Page Not Found", pada bagian kanan klik "Edit".  copy paste kode dibawah ini :
    <div class="tampil-error">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEb6VlWPXcZk1RL5O9HBGtLadqxTOHi-CzCQjXqEQ4h7ZPt6UPp-AGMGygTQz6E46kKDlFzbK6qu3pxiHnU3sOxPU0_wQWZv6qDkJpuYK1XXA3owiWoS2JsnUFV9XQzzUku8PKvkhIYcQk/s1600/warning.png" width="50" height="50"/><h2>ERROR 404 </h2><br />
    <p style="font-size:14px;">Halaman yang anda minta tidak ditemukan di server ini. </p><br/>
    <button><a href="http://NAMA_BLOG_SOBAT.blogspot.com">Back to Home</a></button>
    </div>
    
    Pada tulisan "NAMA_BLOG_SOBAT" ganti dengan nama blog sobat / url blog sobat.
  • Kemudian letakkan pada kolom yang tersedia, seperti gambar berikut, lalu Save:
    Setting-Kostum-404-Page-Not-Found
  • Lalu masuk ke halaman Template, tambahkan kode berikut sebelum   </head> 
    <b:if cond='data:blog.pageType == "error_page"'>
    <style type='text/css'>
    .status-msg-wrap{
     background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR2VHTOzTOhYQ7kXOGPiN2pWQWLIb_RXCnwExNWBHzf8_ROq9wzghUIC4tE28N9Eo4hjwWHnkThcZ9bmrv_P0lo2WEOLSgG8dRKV4BX728qC74Vx0LPF0KtdZE1HZiAL2WBW8F8Nk7fF4/s1600/404-error.png) no-repeat right;
     height: 300px;
    }
    .tampil-error{ font-size: 1em;}
    .tampil-error img, .tampil-error h2{float:left;margin-rigth:5px;font-size:1.5em;}
    .status-msg-border{display:none;}
    .status-msg-body{ text-align:left; padding:.3em 0; width:100%; }
    </style>
    </b:if>
    
  • Tambahkan juga kode ini untuk menampilkan title blog ketika halaman 404 Error Page Not Found muncul:
    <b:if cond='data:blog.pageType == "error_page"'>
    <title>404 Not Found - Halaman tidak ditemukan </title>
    </b:if>
    
  • "Save Template"
  • Jika anda mahir dalam HTML dan CSS, Anda bisa mengkostum halaman 404 Error Page Not Found, sesuai dengan style masing-masing.
  • Untuk melihat contohnya klik disini


Read More

Recent Comments

Free Page Rank Tool
alexa rank. boelshare
Free Auto Backlinks boelshare.blogspot.com
free search engine submission The American Directory TK Free Web Directory Bloggers - Meet Millions of Bloggers

free counters
Internet Blog DirectoryComputers Blogs
blog directory
eXTReMe Tracker
Software
Personal Blogs
Hot! Free Download Software Full Version W3 Directory - the World Wide Web Directory

free link

 

Selamat Datang! di Blog Boelshare.