Blog SATU UNTUK SEMUA kali ini akan berbagi tips-trik perihal cara memasang tombol search di blog, untuk blogger sendiri memang sudah menyediakan fasilitas ini. Tapi tidak
ada salahnya bilamana blog SATU UNTUK SEMUA mencoba belajar memasang tombol search di blog ini secara manual. Cara membuatnya pun sangat mudah dan hanya membutuhkan sedikit ketelitian.
Oke, untuk langkah-langkahnya adalah sebagai berikut :
- Sign-in Blogger
- Pilih Rancangan
- Lalu pilih Edit HTML
- Beri tanda Centang pada Expand Widget Template. Sebelumnya jangan lupa untuk back-up template Anda.
form#searchform2{display: block;float:right;margin: 30px 14px 10px 5px;}
input.searchinput{background:#fff;border: 1px solid #006699;color:#006699;height:30px;}
.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;}
input.searchinput{background:#fff;border: 1px solid #006699;color:#006699;height:30px;}
.searchsubmit{background:#006699;border:1px solid#006699;color:#fff;height: 32px;}
Untuk menjalankan perintah tersebut, copy kode berikut tepat berada dibawah <div id='header-wrapper'> atau <div class='header-outer'> :
<form expr:action='data:blog.homepageUrl + "search/"' id='searchform2' method='get'>
<input class='searchinput' id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' size='32' type='text' value=''/> <input class='searchsubmit' onmouseout='this.style.background='#4486D0'' onmouseover='this.style.background='#2e6eb8'' type='submit' value='Search'/>
</form>
<input class='searchinput' id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' size='32' type='text' value=''/> <input class='searchsubmit' onmouseout='this.style.background='#4486D0'' onmouseover='this.style.background='#2e6eb8'' type='submit' value='Search'/>
</form>
Lihat hasilnya dengan klik Pratinjau, jika sudah sesuai dengan apa yang Anda harapkan Simpan Template.
Demikianlah cara memasang tombol search di blog ini, semoga bermanfaat
1 komentar:
keren abis nih info ..!!
Posting Komentar