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!
Tidak ada komentar:
Posting Komentar