How To Add Stylish Gadget Title Bar On Blogger Blog ?

Gadget Title is an essential part of any Blog or website.  Moreover, it is very useful thing and also most important for A Blogger. 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 some important and awesome stylish as well as 3D format Gadget Title Bar for Blogger that you can easily add on Side Bar space both right or left on Blog.

So let’s get started add Title Bar on your Blog.

At first, you must need to log into Blogger Blog with your Google account and just  follow the instructions below:

1. Go to Blogger Dashboard >> Layout 

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

3. Now scroll down the Add a Gadget window and click on HTML/JavaScript (Like below screenshot)

4. Keep blank the Title box.

5. Copy one of HTML code from the designs given below and Paste into the Content box.

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).

Ok, you have done. See View Blog .



Style-(1)

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img height="36" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQs5TF4UaRNLLMJnRktKzmgX0kTd3hMsdm5ysnVBoJyAYtpj0XC_MfOZM9GiGKdKBnxh0j8RXy0OWzlKFEnc3mrE4O5zP8bxRv95RGFvbFF8vUPqa9oV8bKpUsVdULAhZxOBjka68PXOoM/s1600/TOP+VIEWED+ARTICLE.png" width="260" /></div><br /><div style="margin-left: 1em; margin-right: 1em;"></div><br /></div>

Note:You can change size of this gadget editing the  highlighted  HTML codes into the box.

Style-(2)

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qSdGeDRZehRZAce1xdqUPBgCv9pz5D1MXc6D66TKlLE1LY0xceHEMXEbRPoNkfQNYn_1RqeAbhxAj1nb95mgavVQ73b7OHpJT6rhKKM4ECkPpJl0QtehbpsXJjVvyMhFas64m_O2pTDh/s1600/About+Blog.png" width="260" /></div><br /></div></div>

Note:You can change size of this gadget editing the  highlighted  HTML codes into the box.

Style-(3)

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivRuvghrkpzPU-DPs8FORz1oU20lGH181fihq_2A2sZFi1eTLnbIujrsW6RzBPjuai-4CEvr8_KIBSSOC94pmZXN25NGVVxDHLet50ze9-ZCbn4pfWHGIXXBOIIhVpT8lFS6pVdufOdgw5/s1600/SEARCH+THE+BLOG+HERE.png" width="400" /></div><br /></div>

Note:You can change size of this gadget editing the  highlighted  HTML codes into the box.

Style-(4)

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="margin-left: 1em; margin-right: 1em;"><img height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvqzXSZCFXi7lCVLMWapVl7O5-QMcwXlFA-7egy5-HYO5h2LbrnlPMceklK2apDmK8eEBrVKKqxctXMFvdMYJzJpvH7FOAmp1jgxI1bONmuRnOON1gS7P1fkm4F_lUIs-n4i_c2auAmSjW/s1600/DON'T+MISS+POPULAR.png" width="260" /></div><br /><div style="margin-left: 1em; margin-right: 1em;"></div><br /></div>

Note:You can change size of this gadget editing the  highlighted  HTML codes into the box.

Style-(5)

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCMRtsAp-ZadFdjB_iG9Dq7k546GX9q787gvRXozCfIgEbaYih9H0aMJ2Pv4I4xWaMGyRcYRdrrq09b-eK3Dg9-0me75KT-xvk9LC30OMx3Lolr7hf1lwDNj9AqZUBV6yrgYNY3PmCFw/s1600/About+Me.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCMRtsAp-ZadFdjB_iG9Dq7k546GX9q787gvRXozCfIgEbaYih9H0aMJ2Pv4I4xWaMGyRcYRdrrq09b-eK3Dg9-0me75KT-xvk9LC30OMx3Lolr7hf1lwDNj9AqZUBV6yrgYNY3PmCFw/s1600/About+Me.png" height="50" width="300" /></a></div></div>

Note: You can change size of this gadget editing the  highlighted  HTML codes into the box

Lot of Thanks for Adding the Gadget in your site. 

**If You face any problem to add the Gadgets please leave comment into the comment box without any hesitating. I will try my best to help you every time.