Pesan Khusus untuk Laman Tidak Ditemukan unik

Pesan Khusus untuk Laman Tidak Ditemukan unik. Mencoba otak atik pada bagian Setelan > Kesalahan dan pengalihan ternyata dapat juga membuat pesan khusus untuk laman tidak ditemukan dengan sedikit unik, yaitu dengan menampilkan gambar bergerak dan terdapat menu pencarian pada halaman tersebut.

Pesan Khusus untuk Laman Tidak Ditemukan unik Demo

Pingin tau cara membuat Pesan Khusus untuk Laman Tidak Ditemukan unik seperti di atas?
Mari kita mulai cara membuat Pesan Khusus untuk Laman Tidak Ditemukan unik.
1. Jangan lupa login ke blogger.com
2. Buka Setelan › Preferensi penelusuran
3. Cari Kesalahan dan pengalihan
4. Di bawah Kesalahan dan pengalihan terdapat Pesan Khusus untuk Laman Tidak Ditemukan
5. Klik Edit
6. Masukkan kode :
<img style="
width: 100px;
height: 120px;"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3SD_eBRIlFC85MijGdTgP_YtiuVpr6Km9qHJ6B5qiv81nalgZ0JzC1qFCrZFpwH6C75ZI6lqDsv9oSmwPcb60uH2cmEuvVZ-hmPv9e0wiGOrbOitIPusOS9H4khVX3wdv17UGEoX8eUMp/s1600/halaman+tidak+ditemukan.gif">

<div class="pagefound">
<div class="links">
<h2>MAAF...! Halaman yang Anda cari tidak ditemukan, mungkin url telah berubah atau telah dihapus</h2>
<h3>Silahkan cari melalui Kotak Pencarian dibawah 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: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #C0C0C0;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 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='Pencarian' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
</div>
</div>
<a href="http://goo.gl/2hSZx6" target="_blank">cara buat pesan ini</a>

7. Simpan, dan lihat hasilnya