Explore 10 Best Blog Footer Designs With Examples

| | 7 comments

Guest Post – Our host is David Meyer, David is looking at the oft-times forgotten footer section of blogs with examples of how you can utilize your blogs footer.See How To Become a guest author on Spice Up Your Blog.

The footer is widgetized area of website that provides you several plug-ins to download according to your choice. Ask yourself – whether you want to make the footer eye-catching to attract the visitors. Although many blogs use main menu to serve a navigation, you can use other navigation methods like footer, text, etc. You can add links and plug-ins in the bottom of the page for navigation. It is just a reflection of header. There is no hard and fast rule with footer height, but generally use the color and layout, which is the same as in header. It is a great option to display on the site-map that is not possible to view in your main menu. It is a last port to target number of audiences.
Let’s have a look at these important elements to make your website user-friendly:

 

To make your website popular and user-friendly, you need to add these useful elements in your website footer.

Aids Usability

A wide range of top-notch companies spend their lots of valuable hours and money to place it on the right location. The length should be appropriate in such manner that either a visitor scroll page up or down, your main menu or footer of page should be visible to reader.

Blog Promotion

You can add your most popular and recent posts (like 5 or 6) in the blog section of footer. This is a good way to cross-link and land your business page to the visitors in order to increase the engagement with them.

About US Section

This is a place, where many attractive plug-ins are available with some built-in short codes. It can work, if you are a brand face such as consultant, writer, artist, author, etc. This will help to let the visitor know about website and its services.

Call to Action

This is the most essential part especially for marketing. It invites readers to subscribe via social media icons and buttons to connect with you on social media networks.

Contact Information

It is generally mentioned on the footer with the contact details such as address or phone number. A Google map can easily help to find the location in convenient manner.

Remember Conventions

There are some well-known conventions that come in our mind when we design website footer. We advised some different ways to showcase, in which the footer of website can be utilized.

Footer Design Examples

Jared Johnson

 

Jared Johnson

 

In many cases, it becomes a convention when we include contact information in the footer, which is not required. However, it can be true for the physically address service providers like businesses and freelance designers. Jared Jonson is a freelance designer, so he gives priority to the contact information.

 

CSSChopper

 

CSSChopper

 

CSSChopper website uses the contact information in the bottom of page. It displays location, contact details and working hours. They have given a convenient place, where the information stands out in innovative and attractive way.

 

New Babylon

 

New Babylon

 

This website is displaying their sponsors and supporters in the footer section for website promoting events. This can help to make appearance credible. The color of this section is varying with the main content section to emphasis more attention.

 

No-Refresh

 

No-Refresh

 

This website provides complete contact detail with an eye-catching products overview and FAQ’s.

 

Ditto

 

Ditto

 

An eyewear retailer Ditto uses its navigation on the top of footer. They use this technique to lead the customers towards their product’s selection process.

 

Web Designer Wall

 

Web Designer Wall

 

This website provides links to recent posts and user comments, which are used to attract visitors.

 

Rdio

 

Rdio

 

The famous Rdio website uses social media links with plenty of empty spaces within the footer.

 

Spark Box

 

Spark Box

 

Spark Box uses an idea to advertise their products with the social media website’s links like Twitter, Flickr, etc.

 

Karma

 

Karma

 

This website majorly focuses on call-to-action button, which is located on footer that is large, friendly and easy to find.

 

Scriptogr.am

 

Scriptogr.am

 

This website also uses the same approach call-on-action in innovative way to attract users.

 


How do you use the footer section of your blog ? Drop your comments and questions below.

AuthorBy Guest Author – David Meyer is an experienced and professional web developer who is associated with the best HTML5 Web Design Company named Webgranth. He has shared his keen ideas with amazing blogs for website designing services.

7 comments:

  1. Hello,

    Wonderful footer designs. Although I never cared about the footer design till now but after reading your post seems I should work on it.

    Thanks

    ReplyDelete

  2. The footer design of wpbeginner and mybloggerlab is really great.

    ReplyDelete

  3. Nice designs, I loved the first footer design (Jared Johnson).. Thanks for sharing these stuff

    ReplyDelete

  4. I’d like to make a design similar to Karma which is very awesome.

    ReplyDelete

  5. Hi thanks for sharing such a nice post on footer design can we use it on blogger blog ?

    ReplyDelete

  6. I’m trying to figure out how I can create a social site widget for my blog footer ? I really hope you can reply.- Chic Out of Town Blogspot

    ReplyDelete

  7. I am gonna to use one of these footer design for my blog. Awesome work !!!

    ReplyDelete