Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang - Sahabatku pembaca Setia Blakkotang, Saat ini anda sedang membaca pembahasan tentang Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang , saya hanya seorang newbie yang berbagi, dan mudah mudahan artikel ini bisa membantu sahabat semua dan tentunya anda bisa memahami dan menerapkanya ,bila ada kekurangan atau kesalahan harap di maklumi dan di beri saran ya... .

Judul : Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang
Membahas artikel tentang : Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang

Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang

Artikel Tips Dan Trik, Artikel Tutorial Blogspot,

Membuat Kotak Pencarian (Search Box) | Tutorial Blog

Tutorial kali ini saya akan berbagi cara Membuat Kotak Pencarian (Search Box).

Berikut caranya :

• Login ke Dasbor blogger, klik Design (Rancangan) > Edit HTML, Taruh kode ini di atas kode  ]]></b:skin>
  berikut kodenya:
  #search {

  width: 280px;

  font-size: 11px;

  float: right;

  margin: 0;

  padding: 6px 0 0;

  }

  #searchform {

  margin: 0;

  padding: 0;

  overflow: hidden;

  display: inline;

  }

  #searchbox {

  background: #84CAF6;

  width: 220px;

  color: #000;

  margin: 0;

  padding: 4px 0 3px 5px;

  border: 1px solid #005BC3;

  display: inline;

  font: normal 12px Georgia, Times New Roman, Trebuchet MS;

  }

  #searchbutton {

  background: #84CAF6 !important;

  color: #000;

  margin: 0 0 0 5px;

  padding: 3px 3px 2px;

  border: 1px solid #005BC3;

  font: bold 11px Georgia, Times New Roman, Trebuchet MS;

  }
• Save Template.
• Sekarang ke Page Element, klik Add a Widget > HTML/Javascript Masukkan kode ini di dalam area content.
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
<input class='btn' type='submit' value='Go'/>
</form>
</div>
• Save dan lihat hasilnya.

Semoga bermanfaat...!

Artikel lainnya :

• Memasang Widget Search Box
• Widget Google Followers Show Hide
• Membuat Daftar Isi Blog

Begitulah Pembahasan tentang artikel ini Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang

Mungkin itu saja yang bisa saya jelaskan Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang , Dan semoga artikel ini bisa sedikit membantu untuk para sahabat blakkotang .

Sahabat sedang membaca pembahasan tentang Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang Pembahasan ini url permalinknya adalah http://blakkotang.blogspot.com/2011/11/tips-dan-trik-membuat-kotak-pencarian.html Dan semoga pembahasan Mengenai Tips Dan Trik Membuat Kotak Pencarian (Search Box)- Blak Kotang , Bisa Membantu Dan semoga juga artikel ini bisa bermanfaat, dan bila arikel ini menurut sahabat blakkotang bermanfaat silahkan di bagikan kepada teman atau sahabat-sahabat lainya, terimakasih ,

ARTIKEL BERIKUTNYA :

.

Tweet