Halo sahabat O.W dalam postingan kali ini blog ini akan membahas tentang Menambah Widget Search Box Sederhana Untuk Blogger, Sebelumnya blog ini juga pernah membahas tentang widget searcah yang di berjudul Memasang Widget Pencarian Cantik Di Blogger.

Nah untuk yang kali ini kita akan membahas widget search box juga yang berjudul Menambah Widget Search Box Sederhana Untuk Blogger.


Untuk perbedaannya sendiri adalah widget ini sangat simple, jadi bagi sobat yang punya blog dan belum mempunyai search box, dan suka yang simple-simple akan sangat cocok jika sobat menggunakan widget ini, yang simple kan gak ngebosenin, hehehehe . . dan untuk pemasangganny juga sangatlah mudah banget kok!
Untuk demonya sendiri saya sudah siapkan di bawah ini
Demo
Sudah kan sekarang kita akan membahas Cara Menambah Widget Search Box Sederhana Untuk Blogger sobat.

1. Masuk ke akun blogger sobat.

2. Pada menu klick Rancangan ➮ Tambah Gadget di bagian mana saja sobat ingin widget ini muncul.

3. Lalu sobat pilih elemen HTML/Java Script.

4. Sekarang sobat copy kode script di bawah ini dan paste atau letakkan ke dalam widget tadi.

<div class="searchform">
<form method="get" id="searchform" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:98%;padding:2px;" value="Search this blog..." onfocus="if (this.value == "Search this blog...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Search this blog...";}" name="q" id="sbox" class="sbox" /></td>
<td width="75px"><input type="button" value="Search" id="sbutton" class="sbutton" alt="" /></td>
</tr>
</table>
</form>
</div>

5. Simpan.

Sekarang lihat sendiri hasilnya!

Gimana mudah bukan?

Cukup sekian untuk kali ini, mudah-mudahan postingan/articles ini bisa membantu sobat semua.

Bagaiman apakah sobat berhasil menerapkannya ke blog sobat?
Silahkan tinggalkan tanggapan atau komentar sobat tentang widget di atas!

Posting Komentar Blogger Disqus

  1. sngat bermanfaat nhi"
    thanks gan" :-d

    By :jejakkompas.blogspot.com

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top