Add Search Box at Blog, Menambah Kotak Pencarian di Blog

The Google Navigation bar at the top of your Blogger blogs has an embedded search box. However, you may want to include a similar box in the main body of your blog (like what I have done), or the sidebar. Other than the convenience for users, the added advantage is that unlike Google search box, the search results of this search box appear in the main body of your Blog.

Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.

There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:-

<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>

Remember to change YOUR BLOG URL to the URL or web address of your Blog. Also, change the NAME OF YOUR BLOG to that which you want to call your site. For instance, if your Blog Name is long, you may want to write something like “Search Here” or “Search this site”.

You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.

Save the code and refresh your page. If you want a longer or shorter search box, you can play around with the size. The above example of a width size="20" and value="Hit" will give you this:-

Search Here

Whereas a width size="30" and value="Go" will give you this:-

Search Here

The size of the search box is a matter of appearance. You may have noticed that the maxlength="255". This indicates that a user may enter up to 255 characters in the search box, which I think is sufficient and need not be altered.

Kesimpulan :
Copy Kode HTML yang ada di tabel di atas, kemudian taruh di page elemen blog anda. Ganti alamat : "YOUR BLOG URL" dengan Alamat Blog mu, dan ganti "NAME OF YOUR BLOG" Ganti dengan nama Blog Kamu.

Langkah Pembuatan :
Masuk Dashboard Blog anda - Klik Layout - Klik Page Elements - Klik Add a Page Element - Klik HTML/JavaScript - Klik Simpan - Letakkan sesuai keinginan anda (Dengan Drag) - Klik Simpan.
Ok Selesai.

Related Posts by Categories - Postingan Sejenis :


What are meta tags? Meta tags are HTML codes that are inserted into the header on a web page, after the title tag. They take a variety of forms and serve a variety of purposes, but in the context of search engine optimization when people refer to meta tags, they are usually referring to the meta description tag and the meta keywords tag. Read More...

Memfilter Iklan Google Adsense Yang Muncul di Web

To create and manage a filter list of websites whose ads you'd like to restrict from showing on your site or AdSense for search results pages, simply log in to your account at and click the Competitive Ad Filter link below the AdSense Setup tab. You can create separate filter lists for your content pages and for your AdSense for search results pages. Ads for the websites that you add to your competitive ad filter list typically will not run on your pages, but remember that filtering sites may decrease the number of ads that can appear on your pages as well as decrease your potential earnings. Read More...