Thursday

Adding 4 extra columns to footer

You can add more and more extra columns to your blog. Now here i am describing you to how to add 4 more columns to your blog's footer. You can add text gadgets and HTML widgets. How ever these gadgets boxes may not appear similar to your excisting gadgets.They may appear like this.





1. Edit your Template
2.Untick the "Expand widgets" tick box if you had ticked it.
3. Now find out


<b:section class='footer' id='footer'/> ( press 'Ctrl' + F to open your browser's search box)


Now paste following code lines by Replacing the line


<b:section class='footer' id='footer'/>





<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text100' locked='false' title='Your gadget's Caption here 1' type='Text'/>

</b:section>
</div>

<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='HTML100' locked='false' title='
Your gadget's Caption here 2' type='HTML'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text300' locked='false' title='
Your gadget's Caption here 3' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='HTML200' locked='false' title='
Your gadget's Caption here 4' type='HTML'/>
</b:section>
</div>


<div style='clear:both;'/>
</div>



CONFIGURATION :-

TEXT stands for Text gadgets
HTML stands for HTML gadgets


Now follow the Safety Saving Steps.

And



To be continued...................



Digg Technorati del.icio.us Stumbleupon Reddit
feedburner

Every New lesson , directly to your Mail Box .....

7 comments:

Madhawa Habarakada on June 26, 2010 at 3:02 AM said...

This gives me the error "Element type "b:widget" must be followed by either attribute specifications, ">" or "/>""

But i cannot find from where. The error is with your code.

Matt Stevens on June 30, 2010 at 11:25 AM said...

It seems very good and useful tutorial for me, after doing these editing in blog editing section it will look like website.

Thanks for writing this article

Owner: http://www.serviceapartments-delhi.com

Rickywatson66 on December 17, 2011 at 10:06 AM said...

nice article.

Geoluthra said...

i cant find 

in my blog! 
owner geoluthra.com 

Majidbava said...

how can add add a gadget option withuot specific gadget(that can add HTML/Text/Photo,etc)?

Puneet Parihar said...

my blog is http://newworldfree4u.blogspot.com. I am adding an image of my blog. I want that drop down menu goes up with the search bar and the "Notification Area" goes down in place of drop down menu. Actually I downloaded this template from a site and did some changes such as the notification area (I named it :P) was showing "select a page" and when we click on it, nothing happens. So i used it for shownig notifications by editting template. plz tell me ur email address, I will send u my template. Please replace the position of drop down menu and notificaton area

Pavan Mukirala said...

Very Useful Stufff....Thank You So Much :) :) :)

http://trickyapps.blogspot.com
http://worldshoppee.blogspot.com

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

The Word Validation image has been removed and no need to Sign In. So don't be lazy ..........

 
This blog sucks under Internet Explorer.

Buy me a Coffee


Powered By

Latest Site News


Animated 3D Dock removed in order to speed up loading time and to help IE users.

This site will be come up with a DOMAIN name soon.

Link and Win competition will start as soon as the Domain name added. Join with us. You could be the winner.

Site Info

since 2009 April

Vote

Vote to My site to be nominated for Best Geek Blog!

Submit a Lesson

Visitors

of Visitors read Pages.

Lessons by DragonD | Template by Simran | Logo by lahirulcd | Temaplate redesigned by DragonD| Icons by DryIcons.com | Licensed under CC license Creative Commons License