Meddling with Blogger's EDIT HTML teaches us a lot about blogging, even helping you to find topics for a new post. Mind it, you got to backup your template before you play with your blogger codes
Again, I blog this post after trying it myself. I thought of adding a footer to this customised website template ( it did not have one before ) and a simple glance on the edit HTML helped me to find a simple solution which means very less coding.
From the above image , we see that we have added two footers : one is full (FOOTER) and the other one is split into two columns (FOOTER1).
Adding Footer to your Blogger - for FOOTER
Find " footer-wrapper " using Ctrl + F and add the following code below
Step 2 :
Save your Template and you are done
If you want to add more widgets to your footer, just increase the maxwidgets accordingly to your requirement
Splitting your Footer into two columns in your Blogger - for FOOTER 1
Step 1 :
Step 2 :
Below the above code, add the following codeStep 3 :
Find " </b:skin> " using Ctrl + F and add the following code above it and save your template
Removing Footer from your Blogger
- To remove the footer, it is the reverse. Find the code in step 1 and remove it
- To remove attribution footer find "attribution" using Ctrl + F and remove that specific widget from your footer and save it
All tutorials blogged here are from personal experiences with 100% success rate. Enjoy!
nice piece of info , Uma !!
ReplyDeleteThank you!
DeleteGreat post Uma! Will be helpful :)
ReplyDeleteShould be :)
DeleteI have a question.. I added a gadget above my header. I want to split that gadget in two - would you be able to help me with that?
ReplyDelete1 - Find this code " <header id='header-wrapper'>" using Ctrl + F in your Edit HTML
Delete2- Below it paste this code,
< b:section id='header-right' showaddelement='yes />
3- Before </b:skin> , paste the codes below
#header {width:60%;float:left;}
#header-right {width:40%;float:right;}
4- Save and Enjoy! It should work
You become a techie :)
ReplyDeletegreat
I'm one already, ain't I? :P
DeleteWell, it is a part of my Lifestyle [incl. category in my blog], writing after I'm convinced with the results :)
it is placed at right side can i move it to center
ReplyDeleteI guess the reply is late, but if not I guess I can help
DeleteYes, you can...all you have to do is make sure to change the values for (float:center;)
Thanks for sharing this useful trick. its is nice ...i use this in my blog.....
ReplyDeleteHi, could you tell me how I go about splitting it into 3 columns?
ReplyDeleteIn that case, increase maxwidgets to 2 in Step 1, add another line under Step 2 for "footer-center" and for Step 3, add below and see,
Delete#footer1 {width:25%;float:left;}
#footer-right {width:25%;float:right;}
#footer-center {width:20%;float:center;}
Thanks for the information.... :)
ReplyDeleteNice. it absolutely working fine.. :)
ReplyDelete