Pages

How To Add Stylish Blog Archive 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 most attractive. You also  can add 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 Gadget and has been created as 3D format. 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 Blog Archive Gadget. But when this stylish  Blog Archive Title Bar will be shown above the Blog Content on your page then visitors will be easily attracted. At least, then the visitors will stop to leave from the  pages 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 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/AVvXsEj61B_rovKjAGqzT_XLn8XoIvl2YXCF5FYadc1v3DtwkIk7r5i20IH-6aOQNVZBfpNT-YW32_0B66nOkybRm75A3UAl2iFf5nak9gEts0TJ9q-ELPfRZCmVJffF0Hso7DZcNC5L82WVu4XL/s1600/BLOG+ARCHIVE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj61B_rovKjAGqzT_XLn8XoIvl2YXCF5FYadc1v3DtwkIk7r5i20IH-6aOQNVZBfpNT-YW32_0B66nOkybRm75A3UAl2iFf5nak9gEts0TJ9q-ELPfRZCmVJffF0Hso7DZcNC5L82WVu4XL/s1600/BLOG+ARCHIVE.png" height="40" width="320" /></a></div></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).


  Ok, you have done. See View Blog .

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

No comments:

Post a Comment