Sedikit Info Seputar
Cara Memasang Kotak Pencarian (Search Box) di Blog
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Cara Memasang Kotak Pencarian (Search Box) di Blog, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel CSS,
Artikel Tutorial Blog, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Memasang Kotak Pencarian (Search Box) di Blog
Terbaru
link: Cara Memasang Kotak Pencarian (Search Box) di Blog
Berbagi Cara Memasang Kotak Pencarian (Search Box) di Blog Terbaru dan Terlengkap 2017
Cara Memasang Search Box atau Kotak Pencarian di Blog,- Kotak Pecarian atau Search Box adalah sebuah kotak yang digunakan untuk mencari informasi atau artikel lain pada sebuah Wesite atau Blog. Kotak ini sangat bermanfaat pada blog atau Website yang memiliki banyak artikel karena mungkin informasi yang dibutuhkan pengunjung terdapat di blog tersebut. oleh karena itu Search Box sangat berguna di sebuah Blog/Website.
Nah berhubungan dengan Search Box atau Kotak Pencarian, disini saya juga akan membagikan tutorial mengenai memasang Search Box di blog. yang saya khususkan bagi anda-anda semua yang ingin memasang kotak pencarian di blog anda yang masih belum ada Search Box. Ok langsung saja berikut Tutorialnya,
Cara Memasang Kotak Pencarian (Search Box) di Blog
1. Pertama silahkan Masuk ke Akun Blogger - Template dan Edit HTML
2. Kemudian Silahkan cari kode ]]</b:skin>, Gunakan CTRL+F untuk mempermudah pencarian.
3. JJika sudah ketemu selanjutnya silahkan Copy kode CSS dibawah ini dan Paste tepat diatas kode ]]</b:skin>.
/* Search Box by Espada Blog
----------------------------------------------- */
#search-box{
position: relative;
border: 1px solid #ddd;
margin: 5px auto;
}
#search-form{
height: 30px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fff;
overflow: hidden;
}
#search-text{
color: #ccc;
border-width: 0;
}
#search-box input[type="text"]{
width: 100%;
padding: 7px 0 7px 7px;
outline: none;
}
#search-button{
position: absolute;
top: 0;
right: 0;
height: 30px;
margin: 0;
text-align: center;
line-height: 0;
border-width: 0;
background: whitesmoke;
cursor: pointer;
font-size: 12px;
font-weight: bold
}
4. Terakhir Simpan Template.
Langkah selanjutnya adalah memunculkan Kotak Pencarian (Search Box) di Widget Blog, untuk caranya bisa dilihat dibawah ini.
5. Selanjutnya Masuk ke Tata Letak - Tambahkan Gadget lalu Pilih HTML/Java Script.
6. Selanjutnya silahkan kasih judul atau tidak dikasih juga tidak apa-apa lalu masukkan kode CSS dibawah ini pada bagian kolom HTML.
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' onblur='if (this.value == "") {this.value = "Search..";}' onfocus='if (this.value == "Search..") {this.value = ""}' type='text' value='Search..'/>
<button id='search-button' type='submit'>GO</button>
</form>
</div>
7. Terakhir Tinggal Simpan.
Panjang Search Box di atas akan menyesuaikan ukuran widget pada blog anda, oh ya hampir lupa search box diatas kodenya saya ambil dari Template Premium Speed up. sekian tutorial blog yang dapat saya bagikan dan Terima kasih.
Itulah sedikit Artikel Cara Memasang Kotak Pencarian (Search Box) di Blog terbaru dari kami
Semoga artikel Cara Memasang Kotak Pencarian (Search Box) di Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Free Template BLogspot.Com. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Cara Memasang Kotak Pencarian (Search Box) di Blog