Blogger tidak dinamis sebagai WordPress, dan tidak dapat bersaing dengan WordPress namun para ahli penting setiap tempat. Di sini kita telah menemukan cara melalui mana Anda dapat dengan mudah mengganti blogger 404 halaman dengan kotak pencarian yang indah. Ini akan membuat blog Anda navigative dan mudah dimengerti. Setiap kali seseorang memasuki URL yang salah atau alamat ia akan menampilkan kotak pencarian dan link ke halaman rumah melalui mana kita bisa kembali ke homepage atau dapat mencari blog Anda untuk setiap permintaan lainnya! Selain itu desain kotak pencarian ini sangat lucu itu akan memberikan sentuhan yang bagus untuk desain mewah blog Anda. Mari kita lihat cara kerjanya!
- Masuk ke blogger dashboard
- Klik pada pengaturan
- Kemudian klik pada preferensi pencarian
- Dalam kesalahan dan pengalihan bagian klik edit (halaman kustom tidak ditemukan)
- Salin script dibawah ini dan paste di sana
<style>
#search-button-links1 {
position: relative;
top: 0;
right: 0;
height: 60px;
width: 580px;
font-size: 18px;
color: #000;
text-align: center;
text-decoration:none;
line-height: 42px;
border-width: 0;
background-color: #5caddf;
margin:5px;
cursor: pointer;
}
#search-box1 {
position: relative;
width: 100%;
margin: 0;
}
#search-form1 {
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text1 {
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-button1 {
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: #4d90fe;
-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-box1'>
<form action='/search' id='search-form1' method='get' target='_top'>
<input id='search-tex1t' name='q' placeholder='Search ThatsBlogging' type='text'/>
<button id='search-button1' type='submit'><span>Search</span></button>
</form>
</div>
<p style="color:#e33633; font-family:verdana, sans serif; font-size:16px; padding:24px; text-decoration:none">This Page has been removed for safety purposes | Visit <a href="http://ahmadridoan.blogspot.com">Ahmad Ridoan</a>
Anda dapat mengubah teks yang disorot dalam warna merah dengan teks yang diinginkan yang Anda butuhkan! Bagian atas dari kode ini hanya sepotong kode untuk CSS dan di bawah ini adalah 2 divs yang akan membantu untuk mendeklarasikan daerah kotak pencarian. Harap Anda mendapatkannya, jika Anda punya masalah apapun jangan ragu untuk komentar di bawah ini. Tetap diberkati, Happy Blogging!
