Cara Membuat Kotak Pencarian Resvonsip Blogger

Kali ini ZTN INFORMATION akan memberikan Tutorial Coding Cara Membuat Kotak Resvonsip Blogger, Oke langsung sajah kita mulai langkahnya yang mudah di lakukan

---

1). Masuk Ke Blogger
2). Pilih Tata Letak
3). Tambahkan Gadget
4). JavaScript
5). Letakan Kode di Bawah ini

<style> #search-box {position: relative;width: 100%;margin: 0;} #search-form {height: 40px;border: 1px solid #999;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;} #search-text {font-size: 14px;color: #ddd; border-width: 0;background: transparent;} #search-box input[type="text"] {width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none;} #search-button {position: absolute;top: 0;right: 0;height: 42px; width: 80px;font-size: 14px;color: #000;text-align: center; line-height: 42px;border-width: 0;background-color: #FF8C00; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; cursor: pointer;} </style> <div id='search-box'> <form action='/search' id='search-form' method='get' target='_top'> <input id='search-text' name='q' placeholder='Cari Judul lagu...' type='text'/> <button id='search-button' type='submit'><span><i class='fa fa-search'/></i></span></button></form></div>

Klik Simpan dan selesai
jika Belum Memasang Font Awesome silahkan masukan dulu kode di bawah Tepat Di atas Kode </head> Atau &lt;!--<head/>--&gt;

<link href='//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css' rel='stylesheet'/>

---

itulah Cara Membuat Kotak Pencarian Resvonsip Blogger

Jika Sobat Merasa Tidak Keberatan Silahkan Berikan Respon yang ada di bawah ini atau Tinggalkan Saran & Kritik atau masukan pendapat di kolom komentar