Today,  in Blogger help one of my friends +Perambur kumar  ask me about How to add header banner with search box in blogger ? So I am here to teach you in this matter.With this search box will Increase your adsense earning because when visitor want to found something in your blog they will be search on your website so adding this search box with header section always give you more money. let's see how to install this widget on blogger.

 How to add header banner with search box in blogger ? 

  • Go to blogger.com with using your username and password 
  • just click where you want this gadget and click on "add a gadget" 
  • Select HTML/Javascript 
  • paste the below code in that section 

<table width="1000" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="230" style="padding: 5px;" align="center">

<a href="http://www.myblogtips.org"><img src="http://4.bp.blogspot.com/-lr9u6TrokSY/UGMVTXwwaxI/AAAAAAAAAzQ/yXq2h3GfwFU/s1600/myblogtips.png" width="250" height="90" border="0" /></a>
</td>
<td width="740" style="padding: 5px;" align="right">
add your google search box code here
</td>
</tr></table>

Code Customization : 

  • Replace your website url http://www.myblogtips.org
  • Replace your Header Logo url http://4.bp.blogspot.com/-lr9u6TrokSY/UGMVTXwwaxI/AAAAAAAAAzQ/yXq2h3GfwFU/s1600/myblogtips.png 
  • Replace your  google search box add your google search box code here
  • Also replace table width as per your templates. 
Note : If you add header image on your blog please remove it
 
If you finding any difficulty to install this widget on your blog please comment below. 
 

Post a Comment

 
Top