Hello lagi sobat kemalasanku......
Anda malas mencari informasi dengan melihat-lihat artikel???
Tentu saja begitulah yang di rasakan oleh pengunjung, mereka lebih suka langsung searching dan langsung mendapat jawaban yang sesuai.
Nah.......
Kalau begitu kita juga perlu membuat siasat agar pengunjung juga lebih mudah mendapat jawabannya di dalam setiap artikel kita. Bagaimana Caranya???? Tentu saja dengan menambahkan Tombol "SEARCHING" atau tombol pencarian, dengan begitu pengunjung akan bertahan di blog kita.
Okelah kalau begitu, langsung saja kita lakukan modifikasi di blog kita. berikut cara menambahkan tombol Searching/Pencarian di blog kita ( tapi ini yang standar saja, kalau mau yang aneh-aneh bisa di modifikasi sendiri ya....)
1. Mula-mula sobat semua harus login ke blogger sobat sekalian
2. Selanjutnya Klik menu
Tata Letak / Layout
3. Pada halaman Tata Letak / Layout silahkan kalian pilih
Add Gadget /
Tambahkan gadget ( sesuai dengan keinginan sobat semua dimana ingin meletakkan tombol Searching. bisa di samping bisa juga di atas )
4. Pilih
HTML/JavaScript ( silahkan klik tombol tambah )
5. setelah itu kalian akan di suguhkan tampilan konfigurasi untuk kode Html/Javascript
6. Judul biarkan kosong, langsung saja kalian copy kode di bawah ini, lalu paste di konten. kemudian klik
simpan untuk mengakhirinya
<style>
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XfjTVsaJKcmDYDEpMkKWqyY1YnJIJqfDqBJ-CJvT1mw0tKrtSx0ycFSnqdsbl3mg4Uj0djLgQRSvxqF-NC6r1GVc_aHBclCMkP3fXUZfJ7DInK__JQdpUFvdub2MpxCWI2LeT6hxsdIl/s1600/search-box.png) no-repeat;
height: 27px;
width: 202px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 0px 0px 0px 12px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 12px;
font-style: italic;
width: 77%;
color: #828282;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsQ_k3mEa4Kk899XH0Ksl1AstHQZdqKSoAEdIzHuVAXUG-M1-8sN9yXOddT4CxoWCBLAoPfK0SOTX4l2RG35PaV-Ay0KjltD4vp9x6q88lQo7-WdvIZTR4wsEfmfswp9dFVBOcSU0Ycqjf/s1600/search-button.png) no-repeat;
border-width: 0px;
cursor: pointer;
width: 30px;
height: 25px;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoHfhWCSS2qoLwz6fNsBwIoesfVfW5T0OcPcuEP0J1ucIamzXDyXqeDakv0aSu4u9IZE5czhiAYuqtXU-KMfNYYGQPck4zWaoTR2D13J-cUFzXMvMoB5u8kVoRS2IfuT7fyYzNBM0oMk9y/s1600/search-button-hover.png) no-repeat;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="search..." />
<input id="button-submit" type="submit" value="" />
</form>
Selesai....
Jangan lupa simpan perubahan ya....
Sekarang tinggal lihat blog kalian, apakah tombol searching tadi udah nongol??
Selamat Mencoba.....
ADS HERE !!!