default-placeholder

Add a Sticky Footer on your Blog/Website with CSS

If you like to add a sticky footer on your website or blog, which does not scroll as the page scrolls down for whatever the reason, follow the method given below:

Step One: Open Code of Your Website or Blog:

Get access to the source file of your website or blog.
If you have a blog on blogger, click  to know how to edit a blogger template.

Step Two: Add CSS code to your code:

Find tag on your page and just below it, paste the following code:

Step Three: Add the footer div in the Page

Find tag on your code and replace it with following code:

Inside

tag, place whatever you want to be in footer.
Get a view of above code in the image below:

Preview

Hope you understood the procedure well.
For Questions or Queries, post in Contact section.


You Might Also Like

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz