Custom page not found blogger

ikhsanudin on

Sunday, November 2, 2014

Custom page not found blogger / pesan khusus untuk laman tidak ditemukan

. Banyak cara untuk mengkustomisasi pada Pesan Khusus Halaman tidak temukan di blogger. Ada hanya membuat redirect halaman error 404 ke halaman Home Page, ada juga yang membuat dengan berbagai macam animasi gambar ada juga membuat dengan menu pencarian.
Pada posting kali ini, ikhsanudin.com mencoba untuk membuat sebuah posting tentang kustomisasi pada :

Pesan Khusus Halaman tidak temukan /Custom page not found blogger

1. login ke blogger dengan email dan password tentunya
2. Masuk ke setting / pengaturan
3. Search preferences
4.

Custom Page Not Found

5. Masukkan kode berikut ke dalam kotak kustomisasi
<div class="ra ketemu">
<div class="links">
<h2>Maaf...! Halaman yang anda cari tidak ditemukan</h2>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGtOUnHMSD2NhIJ0jObqJNLj1uD1LL7ljb8J0bckAiveTMxS-4HkXvfficQK_4zpNGxTu_e7kCXcw3cCo8aWSzjaU0-vfU5sTyFxRtmm14lV8CXmCuQIHCyzWqgulxLIEL8kjBj1DFZHI/s1600/nangis+halaman+tidak+ditemukan.gif" alt="error 404" title="Halaman Tidak Ditemukan"/>


<h3>Silahkan cari kembali melalui kotak di bawah ini</h3>

<style>
#search-box {
position: relative;
width: 100%;
margin: 0;
}

#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}

#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}

#search-button {
position: absolute;
top: 0;
right: 0;
height: 43px;
width: 90px;
font-size: 13px;
color: #fff;
text-align: center;
line-height: 43px;
border-width: 0;
background-color: #418ddc;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
cursor: pointer;
}
</style>

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Ketik disini' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
</div>
</div>

6. Klik simpan, dan lihat hasilnya

lihat demo Custom page not found blogger

Labels: Blogger

Thanks for reading Custom page not found blogger. Please share...!