Friday, February 06, 2009

Extra Add a gadget (page element)


Update: Nitecruzr has an easier way of adding a gadget above or below the post gadget: Just drag and drop a gadget to above or below the BLOG POST GADGET.

The standard 2 column Blogger template have only 3 ADD A GADGET (page element) as shown in the screen shot below:

standard Blogger layout

It is useful to have extra ADD A GADGETs in the blog Header, below the blog Header and in the main column as shown in the screen shot below:

Blogger layout with extra add a gadget

Examples what I use them for is the Google custom search at the top of the main column and the AdSense link units below this blog title. A blogger also wanted to add a Marquee like the one above the blog title in the demo blog. This can be done by adding extra ADD A GADGET. To do this, go to LAYOUT, click EDIT HTML. This will take you to the template editor. Look for showaddelement. Change showaddelement='no' to showaddelement='yes'. If there is a a maxwidgets='1' in front of the showaddelement. Change it to maxwidgets='2' or more or even leave it as maxwidgets='' (unlimited number). If you have problem looking for the above, press ctrl+F and search.

The above (searchbox, ad unit, marquee) were added using a HTML/Javascript gadget. Whatever you add can be dragged to any sections of your blog using your mouse.

83 comments:

  1. thank you brother for tips.

    ReplyDelete
  2. cool dude !! i joved it !!
    but itz just @ header
    i wanna hav same @ bottom , IN blog
    vertexroll.blogspot.com
    pls tell me
    @ vertexroll@gmail.com

    ReplyDelete
  3. Practically all standard Blogger templates would already have that in the footer.

    ReplyDelete
  4. I was searching for this option for the last one year. Thank you for providing me a useful information like this

    best wishes
    horozima

    ReplyDelete
  5. Wow, love this tip. Simple and very useful. Thanks :)

    ReplyDelete
  6. hi! i was wondering how can i put the labels/categories into a dropdown menu, and each word/line in the menu actually links to the posts matching the label? would it be a good idea if i took a normal dropdown menu html code, and found the links to where each of the categories leads and just put them in the menu?

    ReplyDelete
  7. HI ,NIce post i want add more gadgets option directly above b;og posts

    ReplyDelete
  8. If you examine the second screen shot in this post, you will see an extra "Add a gadget" directly above the section for POST. This post already gives direction to do that but perhaps I should be more specific - look for this in the template:

    &lt:div id='main-wrapper'&gt:
    &lt:b:section class='main' id='main' showaddelement='no'&gt:
    &lt:b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/&gt:
    &lt:/b:section&gt:
    &lt:/div&gt:

    change it to &lt:div id='main-wrapper'&gt:
    &lt:b:section class='main' id='main' showaddelement='yes'&gt:
    &lt:b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/&gt:
    &lt:/b:section&gt:
    &lt:/div&gt:

    ReplyDelete
  9. thanks so much! I had too many gadgets I guess so made the ADD disappear.

    ReplyDelete
  10. How do you add an "add a gadget" when there is no showaddelement to change?
    Not all templates have add a gadget at the bottom/footer (Tekka is one of them).

    ReplyDelete
  11. With Tekka, you can insert an extra "Add a gadget" for the main column, but as you said, Tekka has no footer, so you can't do the same for the footer.

    ReplyDelete
  12. i added one but the gadget is above the header and i cant seem to drag it under the header. how can i make it drop? THANKS FOR YOUR INSTRUCTIONS! THEY HELP A LOT!!!

    ReplyDelete
  13. I have tested adding a text gadget to the header at Testing Blogger Beta and have succeeded in pulling it down below the Header. Did you save after pulling it down or is it that you cannot move it even in LAYOUT? Perhaps you should also checked to see if maxwidgets='1' have been increased to 2 or more.

    ReplyDelete
  14. thank you so much for your prompt reply!!! your blog has helped me a lot about a few questions i had!!! i figured out what the problem was. to add just one gadget line under the header, i left the first "showaddelement;'no'" the way it was but then changed the second one to 'yes'. heres the html code:

    ooopsie... guess i cant paste html codes here :-(

    ReplyDelete
  15. Hi,

    How do I add a page element below the blog posts?

    Not the header, sidebar, or footbar - I'm ok on those.

    I'd like to add an element under the blog posts.

    Thanks,

    Source Blogger

    ReplyDelete
  16. Hi Peter!

    I know you said that most blogs would already have a footer, but mine does not. I followed your instructions, and I got a new "gadget" for the header. I appreciate your easy instructions!

    Can You tell me how I can get a footer gadget, as I want to put in a copyright notice.

    Thanks So Much,
    Cam

    ReplyDelete
  17. A footer where there is none? That would be a bit more difficult requiring some research and testing. May do that later if I get the time and inspiration.

    ReplyDelete
  18. "add a page element below the blog posts?"

    That is interesting and even more difficult. Ditto as above.

    ReplyDelete
    Replies
    1. can you tell me how to do it? and not just one widget, but two widget side-by-side. is that possible?

      Delete
  19. Hi thanks, but when I do this I'm getting the error "We're sorry, unable to process your request". I don't know what I'm doing wrong and I even can't see the "Add a Gadget" tab.

    ReplyDelete
  20. When I face problems like these, I normally would try using another browser (see
    Why you should have more than 1 browser
    What to do when....

    Others may try clearing cache and cookies

    It may also be a glitch on Blogger's side and you may have to wait a while and try again.

    ReplyDelete
  21. hi i want to add 3 gadgets at footer. there are no gadgets before i want to add now...i want those 3 side by side please help me

    ReplyDelete
  22. Thank you very much, Peter for your amazing and usefull blog!

    ReplyDelete
  23. Peter, I need help! I do not have a "add a gadget" under my header? I want to add the new pages widget so it is vertical under my header on my blog. Since I can not drag it under my header because no box is there what do I do?
    Thanks for your help!
    Laura

    ReplyDelete
  24. dear Peter i loved the template u used in this blog. please give a link to starhash34@gmail.com to download it. thanks

    ReplyDelete
  25. Dear sir, i could add gadget as yous instruction. but that add gadget option takes place above my Blog title and Blog title goes wrapped. i send you my most favourite template which at" http://www.box.net/shared/8y5o066x9k " please edit it perfectly and keep it in your blog. i think 1000 of people would like it. thanks for your kindness.

    ReplyDelete
  26. In the second screen shot in this post we see two extra "Add a gadget" directly one under the blog title section and another above the blog title section. When I follow your instruction I can create only one "Add a gadget" directly above the blog title section. Please instruct how to create "Add a gadget” directly under the blog title section. {I also could create "Add a gadget" directly above the section for POST.} thanks for your great help.

    ReplyDelete
  27. "takes place above my Blog title "

    go to LAYOUT and you can drag it below the title

    "and Blog title goes wrapped."

    Sorry don't understand

    ReplyDelete
  28. Look for these codes

    <div id='crosscol-wrapper' style='text-align:center'>
    >">b:section class='crosscol' id='crosscol' showaddelement='no'/>

    And change or let me change RM10 which we will give you tomorrow.

    ReplyDelete
  29. Dear Peter, thank u so much. i could do all as your detail instruction. Anyway, we have some sweet templates of 3 column which do not have "add gadget" in the bottom side i mean footer side. if you can do something for that.....:)

    ReplyDelete
  30. It is a very helpful tip. Thanks so much.

    ReplyDelete
  31. I've used Marquee scroll in post. It appears abbreviated in IE. Looks fine in Firefox and Opera. Never found a workaround, let alone a solution.
    .

    ReplyDelete
  32. Peter ... When I move my horizontal tab from the bottom of my blog to the top the font color is very dark (almost the same color as the background) and it is not integrated into the header box. Can you help me edit?

    ReplyDelete
  33. I added the gadget with no problem, but it does not appear as a horizontal menu. It is a vertical menu with bullets. What can i do to keep it horizontal?
    Thanks!!

    ReplyDelete
  34. I am guessing that the vertical menu you are referring to is created by Blogger pages gadget (Create static pages). If I guess correct all you have to do is to go to LAYOUT and drag the page gadget to blog Header section.

    ReplyDelete
  35. Hello buddy...I have a 3 column template but when I click on its layout section , there isn't any option to 'add a gadget/page element' in the right or left sidebar.
    But I want to add more gadgets in the right sidebar but it doesnt have any links for adding a page element.
    P.S it doesn't have any 'sidebar-wrapper' in my template code.

    ReplyDelete
  36. What template are you using and what is the URL of your blog

    ReplyDelete
  37. My blog url http://moblabs.blogspot.com and my template can be downloaded from this page http://www.anshuldudeja.com/2010/01/blogger-template-matapat.html .

    ReplyDelete
  38. WiseKid, it required WinZip to get the template and I don't have that. Can you send it to me via one of my contact forms (not sure if one of those have been enabled for attachments, but if not, just send me an email to initiate communication.

    ReplyDelete
  39. Actually I added the pages gadget below the header which contains pages like aboutme,contact me etc and all of them were arranged horizontally by default .And now when i changed the 'showaddelement' to yes as you said i got few more gadgets above the header but the thing is the allignment of my pages has changed to veticall. plz help with this problem

    ReplyDelete
  40. Well if you prefer to use Blogger Pages tabs below the header, I suppose you will have to get rid of that extra "Add a Page Element"

    ReplyDelete
  41. I have been doing this with my blog; it's very useful!

    Thank You!

    ReplyDelete
  42. Help! My "add a gadget" button is completely gone. I've been blogging a while now and know where to find it, so I know I'm not crazy. I cleared my cache already, but that didn't help. Do you have any other suggestions?

    ReplyDelete
  43. Let's have a look at the screenshot of your LAYOUT (now called DESIGN) via my contact form (no attachment) with attached screenshot on the round trip email.

    ReplyDelete
  44. thank you soooooo much...dude i really needed this trick. thanks again you really helped me!!!

    ReplyDelete
  45. This really helped me A LOT!! I had the gadget under the header but wanted to see what it looked like on the right, but went to change it back and the option was gone, so THANKS!!!

    ReplyDelete
  46. Sir I could place add a gadget option In my blog as your specification.But i want to place this add a gadget option between my blogs header and posts.please kindly suggest me

    ReplyDelete
  47. Hi Peter, thanks a lot! I have added right below my blog header. It's working fine.

    ReplyDelete
  48. Suresh, the easiest way to tell you how to get that "Add a gadget" between the blog Header and post (meaning in the main column) is to go to the template editor, ctrl+F and search for "showaddelement" and change any showaddelement='no' to showaddelement='yes'

    ReplyDelete
  49. it only for blogger template i want to use it my own design template

    ReplyDelete
  50. Why I can't do it ? Is there anything problem with my blog ?

    ReplyDelete
  51. Can you find showaddelement in your template? If so perhaps you also need to change maxwidgets='1' to some numbers more than 1, eg maxwidgets='2' or maxwidgets='3' or delete maxwidgets='1' so that you can add as many widgets as you like.

    ReplyDelete
  52. why does mine say, "drag gadgets here" instead of "add gadgets" but i have no gadget choices to drag.

    ReplyDelete
  53. That's strange, I have no answer.

    ReplyDelete
  54. hi peter. Before i can drag gadgets to diff positions but now i can no l0nger drag them. What could have happen?thanks

    Circle of friendly friends

    ReplyDelete
  55. The key to having the drag and drop work is to have the top of the page displayed on screen. So, if you have gadgets that extend below the bottom of the screen, do not scroll the window down! Instead, use ctrl - to shrink the page until the gadget and its destination are displayed. The drag and drop should then work.

    This is a temporary work around while the Blogger team works on a solution.

    ReplyDelete
  56. The Page Elements on my blog, i.e. Search Tool, Blogroll, Archive, "About Me" page, have all migrated to the very bottom of the page above the footer of the home page of my blog, below all the front page blog posts. The Layout page appears correct, and when I click on any single blog post title the Layout appears in its correct form. Can you please help me resolve this issue with my blog...

    regards
    m.yasir
    http://infohub9909.blogspot.com/

    ReplyDelete
  57. The first step to solving a problem is identifying the problem and what causes it. See Troubleshoot sidebar at bottom example or troubleshoot sidebar at bottom Part 3

    ReplyDelete
  58. I have pin pointed the issue, the solution is in your post "troubleshoot sidebar at bottom Part 3"...

    Actually i have posted a blank post to display the results of Google ad sense for search in that window...
    Width of the results appear in that blank post and width of the window in which the results of Google ad sense for search appear is 800 px,should i better display the results of Google ad sense for search in separate window...?This width is causing the side bar issue...

    ReplyDelete
  59. Reposition or remove any elements which are wider than the container in which it resides

    ReplyDelete
  60. Peter thank you very much for your support!!!
    The issue has been resolved by inserting "page break" in that blank post in which the results of Ad Sense for Search would appear...

    regards
    m.yasir

    ReplyDelete
  61. Really Helps a lot. You're the BEST!!!!!!

    ReplyDelete
  62. I want to add a gadget in my Footer but I can't find it in my html. Help

    ReplyDelete
  63. There! I've figured out how to add a "add a gadget" in footer. If you don't mind, I'm going to paste here the link that I've used.

    http://tricks.xyzblogger.com/2010/05/how-to-add-4-add-gadget-option4-new.html

    There is also a 3 column add a gadget here just above the Footer. If you want to remove it, just make some edit in the codes.

    ReplyDelete
  64. You probably used a template that didn't have a footer. I would suggest you test those templates newly made availabe via the Template Designer. If this answer sounds like Scots to you, ask again.

    ReplyDelete
  65. Hi. my blog is www.mynameis.in and i want to add one "add a gadget" right below the "Blog Posts" option.. such that it should appear only below the "blog post" gadget.. which will be aroung half of the width of total site. Help me out please.

    ReplyDelete
  66. Try dragging the gadget down to the bottom of the main column.

    ReplyDelete
  67. Hi peter u r blog is helping us a lot
    can u please check my blog and say how to adjust that widget in the header
    please :)

    ReplyDelete
  68. Thank you! Thank you! Thank you! I needed to do this and it only took about a minute with your wonderful explanation!

    ReplyDelete
  69. Thank you for the info

    ReplyDelete
  70. really nice post.thanks for this.i have one problem. i have little white space over my header banner which makes my blog ugly..can you please tell me how can i remove it?? my url is www.ashish-ask.com.

    ReplyDelete
  71. Nice Tips. But do you know to remove cache of blogger? If you don't know you can go to http://premiumadmin.blogspot.com/2011/12/my-add-gadget-option-is-missing-on.html for the solution. It may help you a lot. Thanks

    ReplyDelete
  72. Great Post!...Indians were brilliant....thanks..

    ReplyDelete
  73. Dear peter, i liked a template that has no add gadget option in footer. (i got it from http://www.deluxetemplates.net/download/715/)
    and in this template no html code like footer-wrapper or footer-section. can you help me pls to add page element in this template footer section ? many many thanks in advance !

    ReplyDelete
  74. Thanks so much, it looks great on my blog

    ReplyDelete
  75. thank you very much. you are genius

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics