Cara Memasang Search Box Pada Blogger

Selamat siang semuanya, apa kabarnya? Semoga baik dan sehat selalu ya. Nah, tentang post kali ini, saya akan memberi cara memasang search box pada blogger. Siapa yang tidak tahu dengan search box? Saya yakin semuanya pasti tahu kegunaannya, dan mungkin hanya tidak tahu cara memasangnya. Makanya, baca post kali ini.

Itu adalah contoh search box yang akan dipasang.

Tentu kamu ingin tahu cara memasangnya bukan?

Cara memasang :

1.     Login ke blogger

2.    Pilih menu Design.

3.    Pilih Page Element / Tata Letak.

4.    Pilih Add a Gadget.

5.    Pilih HTML/Java script.

6.    Copy Code Search Box di bawah, dan pastekan di HTML/Java Script tersebut.

7.    Klik Simpan lalu lihat hasilnya.

Kode Search Box =

<span style='float:right;'>

  <style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ_RVSgvwpS1BbFY1iwFG8kRO2ZoYY58q4ULpjY3Ks9T_4NCd94QF63SPHuxARFSY37l8K_kq52C8GrtLDF3FbEeWmscR_VqsjSyToMhyBaaYuNrM7lDVm8C5Nh8WC9WIEZXueel2ukyH2/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>

</span>

Jangan lupa komentarnya ya!