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.
 |
| 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/AVvXsEgOlPrsR2SWL9eow8psI99lesJg9ke5Kx9xiFOV3FAnlq_EUfOdqKO_b3vzDjD1CbaSlLSgdWQbHQNk_5SbdnOvjLb_wmUa6vnH_dZYn5REJVIsN_qwzlwmi0I6vEZKm9zL1drmQtTy_GT0/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.
