Simple Search Box for Blogger Built with Boostrap. It works!

Simple Search Box for Blogger Built with Boostrap. It works!

KOTAK pencarian simple --default bs-- untuk template blogger. Kode khusus pencarian sudah dimasukan, jadi bekerja dengan baik.

<form class='navbar-form' role='search' action='/search?q='>
        <div class='input-group'>
          <input class='form-control' name='q' placeholder='Search' type='text'/>
            <div class='input-group-btn'>
                <button class='btn btn-default' type='submit'><i class='fa fa-search'/></button>
            </div>
        </div>
        </form>

Untuk tampilan seperti gambar ilustrasi, silakan ke sumbernya.

KODE LAIN
1. Layout > Add a Gadget
2. Masukkan:

<form role='search' action='/search?q='>
        <div class='input-group'>
          <input class='form-control' name='q' placeholder='Search' type='text'/>
            <div class='input-group-btn'>
                <button class='btn btn-default' type='submit'><i class='fa fa-search'/></i></button>
            </div>
        </div>
        </form>
<style>
.input-group-btn:last-child > .btn {
    margin-left: -1px;
    height: 45px;
    background: #2b5797;
    color: #fff;}
</style>