Sunday, August 09, 2009

Divide footer into 3 column

A blogger: "I want to divide footer into 3/4 columns as like in your 'goodcomputersoftware.blogspot.com'

The above demo blog uses template from Ourblogtemplates.com. If you just want to modify your existing template, Amanda of BloggerBuster has a very good instructions at How to add 3 columns to your footer which should work for any template as the new columns uses fluid width.

I tested her instructions by modifying my 4 column Minima template into 4 column Minima template with 3 column footer and you can see the result at Star Self Improvements. The 3 columns at the footer had been used to contain widgets from Amazon and may take some time to load.

28 comments:

  1. Hi Peter,
    Thanks for the response. I am using 4 column minima template. My blog is college2job.blogspot.com. I like to add 3 column footer to my blog. I am in confusion whether to replace the total HTML code or some part of the HTML. Which part I have to replace and with what code? pls guide me?
    Thanks for the valuable info and guidance.

    ReplyDelete
  2. Hi Peter,
    Thanks for the response. I am using 4 column minima template. My blog is college2job.blogspot.com. I like to add 3 column footer to my blog. I am in confusion whether to replace the total HTML code or some part of the HTML. Which part I have to replace and with what code? pls guide me?
    Thanks for the valuable info and guidance.

    ReplyDelete
  3. Hi, I'm having the devils own job trying to find answers to a couple of questions and I'm guessing you will know the answers :

    1. How do I watermark photo's ?

    2. How do I upload pictures side by side ?

    I'd be grateful if you could bear in mind that I'm not in the least but technical and though I know my way around blogger a bit, plain english would be great !! Thanks

    ReplyDelete
  4. For (2), refer to How to display images side-by-side.

    For (1), for a simple watermark, you can use Irfanview. I have been given to understand that GIMP can do it but have not tried myself yet. Both these programs are free. There are other programs that can do a very good watermark, but no time to write about it yet. Remind me with a comment later.

    ReplyDelete
  5. For college2job, is it that you cannot follow the instructions given by Amanda of BloggerBuster?

    ReplyDelete
  6. thank you for the link! this is awesome :) i've made my footer 3 columns!!! YAY!!

    ReplyDelete
  7. Hi,
    Thanks for the response. I followed blogger buster and satisfied with the change on my blog college2job.blogspot.com.
    I want to indicate latest and important postings on my blog with "NEW" indication as like we see in some websites. Is it possible for blogs also? pls suggest the way?

    Regarding links in new tab/ window: I am giving 'target="new"' instead of '_blank'. It is also working in the same way. pls let me know if any difference is there?

    Thanks a ton..
    college2job.blogspot.com

    ReplyDelete
  8. WOW, you are AMAZING!!! I searched the internet on how to do this and tried several times, but with your code it worked in 30 SECONDS!!!! Thank you so much!!!! :) -Kristi

    ReplyDelete
  9. Hi, thanks for your response to my questions. Unfortunately my computer crashes every time I try to open the links and my brain fries every time I try to read the instructions I can see.

    Isn't there a simple way to do these things ?

    ReplyDelete
  10. Are you referring to the links I gave in the comments which are causing your computer to crash?

    "my brain fries every time I try to read the instructions"

    Are you referring to the instructions on my blog/s? My blog has a reputation of containing text that are easy to follow and understand so I have a reputation to defend. Which of the instructions fried your brain and I will see if they can be improved. Would help if you are specific.

    ReplyDelete
  11. hey there. thank you so much for providing such helpful info.

    is there a way to divide the header into 3 columns instead of the footer?

    ReplyDelete
  12. You will have to study Amanda's instructions for the footer to see if it can be adapted for the Header. Currently, part of her post cannot be read because of server problem.

    ReplyDelete
  13. how to divide html widget like footer

    ReplyDelete
  14. how to divide html widget

    ReplyDelete
  15. You can divide a division like the footer into 3, and you may put a HTML gadget into any one of those 3 divisions, but you can't divide a HTML gadget into 3, unless I misunderstand what you are trying to do/say.

    ReplyDelete
  16. No man. I did it instead of footer I divided html widget below header by using the same code
    http://megafanz.blogspot.com/

    ReplyDelete
  17. I see you used <table> to create a table with a few columns. Like what had been described at Horizontal navigation menu bar

    ReplyDelete
  18. yaa first i divided html widget into 3 parts like footer then i added tables

    ReplyDelete
  19. very useful!

    i have a request, can you show how i can add another gadget row with 3-4 widgets?

    my header is already split into two, but i need additional row where i can place 4 elements.

    kindly view http://www.mrhobday.com/

    under the header, the site has another row with 4 widgets.

    thanks for the help!

    ReplyDelete
  20. thanks for ur work ,i am also going to try this out for my blog http://shirdi-saibaba-mydeva.blogspot.com
    nice to see someone like u who is a grandfather but still having so much of energy ...wow
    happy new year to everyone in ur family
    regards
    priyanka

    ReplyDelete
  21. http://www.bloggerbuster.com/2007/10/how-to-add-three-columns-to-your-footer.html


    This site is currently unavailable.

    If you are the owner of this site, please contact us at 1-480-505-8855 at your earliest convenience.

    now what????????/

    plz help me

    ReplyDelete
  22. thanks for reply.....
    one more thing actually i don't have any footer gadget in my blog how to add a footer gadget and how to divide it into 3

    ReplyDelete
  23. my blog has been reviewed and confirmed as in violation of our Terms of Service for: SPAM. In accordance to these terms, we've removed the blog and the URL is no longer accessible.




    how to retrive that.....y my blog deleted like that....i copied the cintent from a site...........plz help me....

    ReplyDelete
  24. "i copied the cintent from a site"

    That is copyright violation thus against TOS so you can't blame them for deleting it.

    ReplyDelete
  25. dear peter, can you give me a Demin light 4 column template?

    ReplyDelete
  26. I want to devide a html page into 3 parts..like,
    |----------------------|
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    | | | |
    |----------------------|
    what i have to use for this..

    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