At first Adding search form to blogger was difficult but now Blogger Accessories has made it easier. We can add search form to blogger in three method . But in this post I am going to concentrate only on Adding custom search form . Custom search form means you can modify the search form look by adding simple CSS style.
![this is the screenshot of Search Form Widget](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3Qy0V8ulo3gK1N18ys4BZgCifFg7p1if7N-THnTFqjMCXBY_LyNuIeWTYYpVLw7l_tSPwvTaQz-mYUtFagKh6NGe2nVpqcAZq9MwHZN2xvmGlFr_fD5yt5gV7FEJPbcF7To8hpaQ9xc8/s320-r/Learn+How+to+Add+Search+form+for+Blogger+template.jpg)
Step 1 : Log in to your blogger template and go to Layout section .
![Adding search Form Widget to Blogger Beta : Layout Image](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn0fiibZEsrTfd_L2dBLTr8q8974gIwledBIjz3Ps8AekZXzbBT1EqU9_3gYtsaRfF6GZlsXR5-U9TCqozvixL7OlJNs5egpn_kVkOGeDI8dua2KwNjvc5MRRvD7aYD-hstbVEU71nQYm2/s320-r/Adding+Search+Form+To+blogger+beta+Template.jpg)
Step 2 : Now click Add Page Element , in the List select Add HTML / JAVASCRIPT and paste the below code thereand save .
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4LLPm9K9CAiv1wvPqOi2wM18fblZITHA23y-fopYmUgHqnXwjv42twLH64Yz4a29H-LGW4NirAH2dpQUOEF8ZkHtRp4jp83UpbkkthyDjr6qbGpR_2aCrISSe2YKQJMY_vLHCLguY4T7/s400/Untitled.png)
Now see your blog , there you can see a beautiful search form widget like this ,
I hope you like this hack . you can also add custom search submit buttom , background , etc.
I will tell you How to add Custom CSS to this search Form tomorrow in my next post .
0 komentar:
Posting Komentar