How To Add Stylish Search Box Title Bar On Blogger Blog ?

Gadget is very useful thing for any Blogger Blog. Moreover, Gadget Title  is also most important thing for a Blog. A beautiful Gadget or Gadget Title can easily makes a Blog page most attractive. You also  can make a beautiful Gadget Title including any gadgets or widgets on your Blog like text, image, slide show, audio, video, game and many kinds of widgets. You don't have to know any programming knowledge to add these Gadgets. Really, it is a nice Technic. In fact, a Stylish Gadget Title can play important roll in a Blogger Blog.to increase the toll of visitors.

Today I shall introduce you an important and stylish as well as 3D Gadget Title  Bar for Blogger Blog that you can easily add on side bar both right or left on Blog.

 It is a very cool and 3D Search Box Title Bar Gadget. Usually many visitors come a Blog but it's seen that almost of time they leave pages not doing search anything. Because of the traditional design of Google Search Box. Moreover it's also not shown clearly on Blog pages. But when this stylish  Search Box Title Bar will be shown above the Google Search Box on your Blog then the visitors will be easily attracted. At least then the visitors will stop to leave from the page also for a moment !! So, why late? Get-rich-quick.

At first,  press the DEMO button below to see live view of this Title Bar Gadget.

To add the Title Bar Gadget you must need to log into Blogger Blog with your Google account and then just follow the below instructions:

1. Go to Blogger Dashboard >> Layout

2.Click on Add a Gadget link above right side of layout (like below screenshot of new version)

3. Scroll down the Add a Gadget window and click on HTML/JavaScript (Like below Screenshot of new version)

4. Keep blank the Title box.

5. Copy and paste the below HTML code into the content box.

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzt2eZX4Hb-kHAGCW7KsxHYqnK1y3Z_EpGK73LwFMnvs6ctdichlndg-QhhKAGPzeiSmWG5SN99QtpczQ3SyYzExw4_4ogEOR9JZ6-UjPASomLYaa8f7FNvwXx7jcyZ7vMlsugRFpN6M-U/s1600/SEARCH++THIS+SITE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzt2eZX4Hb-kHAGCW7KsxHYqnK1y3Z_EpGK73LwFMnvs6ctdichlndg-QhhKAGPzeiSmWG5SN99QtpczQ3SyYzExw4_4ogEOR9JZ6-UjPASomLYaa8f7FNvwXx7jcyZ7vMlsugRFpN6M-U/s1600/SEARCH++THIS+SITE.png" height="40" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div>

6. Click Save.

7. Now you drag and drop the gadget from top of the right side of Layout just above your targeted gadget  (Title Related Gadget).

8. See View Blog .

Note: You can customize of this size editing this highlighted code  height="40" width-"320"  .