Langsung aja deh buat yang mau tau caranya bikin kotak search mirip yahoo di blog, ikuti langkah-langkahnya di bawah.
Berikut Cara Membuat Kotak Search Mirip Yahoo di Blog:
Langkah ke 1
1. Loggin ke Blog
2. Pilih Template >> Edit HTML
4. Cari kode ]]></b:skin>
5. Letakkan kode di bawah ini di atas kode ]]></b:skin>
6. Simpan Templatesearchform {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYB65xZA2Pq6ztsXMRlSxTV2YHomyv5tO8u9iTR_btsBB83XmzcBqnj8kejSaj4YJ5Ff7gQCLMgpR569p92fhUnyNFG0ZKDmwwQOPlTV0YKDhEFQbzTEAsnLkFePNWu69D4eg08-GKzoKM/s1600/CarGam-search.png) no-repeat; width:550px;height:47px;display: inline-block;zoom: 1; /* ie7 hack for display:inline-block */*display: inline;border: solid 0px #ccc;padding: 0px;}.searchform input {font: normal 12px Arial, Helvetica, sans-serif;padding:6px;}.searchform .searchfield {background: #e5e5e5;width: 416px;outline: none;margin:5px 2px 0px 5px;;border-top:1px solid #888;border-left:1px solid #888;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}.searchform .searchbutton {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivkFzbKYybETCsgN3qp1IY0jaD6SwUHp1XqivAcZ7WlzTHYbiQWMJu4ye0b8xbDIrJKEsDwFl5fMWaXPK5bXAuelrO_YgGv97lWTQUFK480x0mbDs6tmIiDu4WxNTjkxdmpTdnGAazktuE/s1600/bg_pencarian_cargam.jpg) no-repeat;height: 28px; width: 104px;border:none;}
Langkah ke 2
1. Masuk ke Tata Letak >> Tambah Gadget
2. Pilih HTML/Java cript
3. Masukkan kode dibawah ini
4. Simpan, dan lihat hasilnya...<br/><center><form action=' /search' class='searchform' method='get'><input class='searchfield' id='q' name='q' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = ""}' type='text' value=''/><input class='searchbutton' type='submit' value=''/></form></center>
{ 0 komentar... Views All / Send Comment! }
Posting Komentar