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.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

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



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us