By Gopakumar Nediyath
Do you want to add a banner gadget above the blogger header?.Very good!.Lots of people might be looking forward to get the technical idea to monetize their blogs.In blogger, by default user can't move any design items, such as ad element units above the header.But the blogger allows their users to edit and customize their user friendly templates and there are many ways to monetize your blog.In blogger all kinds of templates are in there to your choice.Here the question is ' How to add a banner gadget above the blogger header?.It's very simple!.You can make a quick change in your default settings(template's html code) that will allow you to add a new gadget unit above your blog's header.Let me guide you through the html editing process to add extra header gadget.
Sign into the blogger with your google account.Your blogger dashboard will appear on the screen.
Click " view blog"
Then click the word " design " at the top right of your blog.
Design screen will appear.
Be careful!
Before edit your template take your template full back-up.
Select " HTML Edit " from the top of the design screen.
Click " proceed "
Never forget to click on Expand widget template tag before edit or back up your full template.
A long list of HTML code will appear in the screen.
Search for the below line.
<b : section class = 'header' id = 'header' maxwidgets = '1' showaddelement ="no'>
In the header section you can see the above line.
Otherwise, press Ctrl + F to bring up the search box and put " maxwidgets " without quotes.Continue the search until you find the above line of code.
Just change these things.
Change the maxwidgets number from '1' to '2'
Showaddelement 'no' to 'yes'
Locked 'true to false.
Click preview to see how the blog looks.If there is no problem, click the orange "save template" button at the bottom of the screen.
Done!
Go back to the blogger layout page.I.m sure you will see a new Add a Gadget button above your header.
Thank you for reading this article.
Do you want to add a banner gadget above the blogger header?.Very good!.Lots of people might be looking forward to get the technical idea to monetize their blogs.In blogger, by default user can't move any design items, such as ad element units above the header.But the blogger allows their users to edit and customize their user friendly templates and there are many ways to monetize your blog.In blogger all kinds of templates are in there to your choice.Here the question is ' How to add a banner gadget above the blogger header?.It's very simple!.You can make a quick change in your default settings(template's html code) that will allow you to add a new gadget unit above your blog's header.Let me guide you through the html editing process to add extra header gadget.
Sign into the blogger with your google account.Your blogger dashboard will appear on the screen.
Click " view blog"
Then click the word " design " at the top right of your blog.
Design screen will appear.
Be careful!
Before edit your template take your template full back-up.
Select " HTML Edit " from the top of the design screen.
Click " proceed "
Never forget to click on Expand widget template tag before edit or back up your full template.
A long list of HTML code will appear in the screen.
Search for the below line.
<b : section class = 'header' id = 'header' maxwidgets = '1' showaddelement ="no'>
In the header section you can see the above line.
Otherwise, press Ctrl + F to bring up the search box and put " maxwidgets " without quotes.Continue the search until you find the above line of code.
Just change these things.
Change the maxwidgets number from '1' to '2'
Showaddelement 'no' to 'yes'
Locked 'true to false.
Click preview to see how the blog looks.If there is no problem, click the orange "save template" button at the bottom of the screen.
Done!
Go back to the blogger layout page.I.m sure you will see a new Add a Gadget button above your header.
Thank you for reading this article.
No comments:
Post a Comment