Memebuat Kotak Pencarian Sidebar Blogger Super Seo Responsive

Memebuat Kotak Pencarian Super Seo Responsive - Kotak Pencarian Simple Responsive untuk Sidebar Blogger bisa didapatkan di laman W3School. Adsenstock share yang aslinya.

Kode Simple Search Box Responsife Mobile-Friendly for Blogger ini, Anda tinggal pasang aja di sidebar blog Anda, dengan cara:

1. Tambahkan gadget > pilih HTML/JavaScript
2. Copas salah satu kode berikut ini.

<style>
form.example {margin:0}
form.example input[type=text] {padding: 10px;font-size: 15px;border: 1px solid #f0f0f0;border-right: none;float: left;width: 85%;background: #f1f1f1;}
form.example button {float: left;width: 15%;padding:7px 10px;background: #f1f1f1;color: black;font-size: 20px;border: 1px solid #f0f0f0;border-left: none;cursor: pointer;}
form.example button:hover { background: #c00;color:#fff;}

form.example::after {content: "";clear: both; display: table;}
</style>
<form class="example" action="/search" method="get">
<input id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search...'/>
<button type="submit"><i class="fa fa-search"></i></button>
</form>

Demikian Kotak Pencarian Simple Responsive untuk Sidebar Blogger dan cara memasangnya. Semoga Artikel ini Bermanfaat.

Share this post