Sunday, August 16, 2009

Cara Memasang Search Box di Blogger

Agar memudahkan pengunjung untuk mencari artikel yang ada dalam sebuah blog, ada baiknya disediakan sebuah form pencarian (seperti terlihat pada blog ini).

Berikut ini adalah cara pembuatannya.

*


1. Masukkan Kode CSS

Login ke akun blogger Anda. Kemudian klik "Layout", dilanjutkan dengan klik "Edit HTML" untuk memasukkan secara manual kode-kode HTML.

Masukkan kode CSS style berikut ini, di atas kode ]]></b:skin>.

.buttonreset {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px;
}

.buttonsubmit {
color: #333;
background-color: #f3f3f3;
border: 1px solid #999;
padding: 1px; 
}

.textinput {
color : #333;
background-color: #ffffff;
border: 1px solid #999;
padding: 1px;
}

Klik "Save Template" untuk menyimpan perubahan.


2. Tambahkan Form Di Side Bar

Langkah kedua, tambahkan widget "HTML/Javascript" pada sidebar anda, lalu masukkan kode berikut ini di dalamnya.

<form action="http://NAMA-BLOG.blogspot.com/search" method="get">
<input class="textinput" name="q" size="37" type="text" />
<input class="buttonsubmit" name="submit" type="submit" value="search" /></form>

Ganti "NAMA-BLOG" dengan nama blog di blogspot anda.

Silahkan save kode HTML/Javascript tersebut.

.


Share/Save/Bookmark







Ziddu - The Best FREE File Hosting Website - Sign up for FREE!

Make money on twitter

Buy and sell Text Links

0 comments:

Post a Comment

Subscribe to zonsDigital via RSS reader
Enter your email address:

Mini Browser

Followers


Follow zonspot on Twitter

Statistics





Add to Technorati Favorites Join My Community at MyBloglog! Computer Blogs - Blog Catalog Blog Directory

© 2009 zonsDigital | Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal ----- zonsDigital HomeEdit PostDashboardJump to top