Best layout for blogger

Blogger platform isn’t easy to use because it has limited tools. That’s why many bloggers change to other blogging platforms because they are easier to use and convenient. But there are still many people who like Blogger platform and also want their blog layouts to be unique. In this article, we will help you make your blogger blog looks extremely good by making several changes on your blog,blog layout examples,blog page design template.

If you are blogging as a hobby, and not expecting any kind of income, then there is no need of a very extensive layout. The design can be minimal, with average text size, simple navigation menu and limited space of ads. For new bloggers, it can also be worthwhile to utilize free hosting services like Blogspot or free website builders that allow creation of blogs without creating your own domain. These are great in the beginning to get some experience and to know if creating your own blog really suites you.

Best layout for blogger

Let’s take a look at 12 different blog layouts, to see why they’re important, and to provide inspiration when you need to design one on your own.

1. Impira

impira homepage

Businesses generate a wealth of data — some of which they may be completely unaware of. Whether this is unstructured data embedded in PDFs, image metadata, or a part other types of media, Impira’s software taps into this information using AI. They show how their app makes it simple to collect and manage this information, all in a hip and modern looking business website.

Their blog covers a wide range of relevant content. Topics like hyper-automation, machine learning, as well as other data related subjects are all explored. They don’t just rehash content. They serve up in depth articles that are all consistent with their field of expertise. 

impira blog layout

The top of the blog layout dedicates a full screen to their most recent post. Below this are three more posts, each occupying an evenly spaced column. These entries, along with the primary featured article, effectively puts 4 articles in front of someone in just a short scroll. Heading down further the screen, we get this interactive list of articles. 

impira blog grid

In a lesser web design, this could have been a long, uninspired user experience. Instead, the variety of ways these blogs are displayed keeps the layout from getting too crowded, making each individual post easy to identify.

2. Atelier and Avenue 

atelier and avenue blog

With a sense of high end sophistication, this design for the agency Atelier and Avenue reflects so well the luxury brands that their agency serves. Scrolling through this website feels like flipping through the pages of a fancy fashion magazine.

They show that even with their blog, that they aren’t ones to fall into conventionality, titling it “Observations.” The top space of the layout dedicates almost the entire screen to the first featured article, with a stacked layout that is consistent with the print-like feel of the rest of the design. Scrolling down brings you through more of their entries, all slightly staggered, further adding to the refined sense of the  design.

atelier and avenue blog layout

Though they aren’t that active in keeping this updated, all of the topics fit in so with the values of their agency. One of their own selling points in helping their clients with ecommerce and improving their digital presence is that they stay out of any potential conflicts of interest. The featured blog at the top on “The 4 unacceptable conflicts of Interest of ‘classic’ consultancies & agencies” gets into why this is a problem, and further strengthens the case for using them as an agency.

Atelier and Avenue stay consistent with the look and feel of their agency website, with an elegance that touches every element of their design including their blog. Through this, they show their targeted audience of high end businesses that they’re not your run of the mill digital agency.

3. Lambda School 

lambda school

Not making students pay for their tuition until they snag a job is a business model that quite a few tech related educational institutions have embraced. Lambda Schools stands out as one of the more well known, with coursework to put people on careers paths as web developers or data scientists. 

Their blog acts as another channel to help out their students, covering a wide range of school related topics. From student profiles, to announcements about Lambda School, they use their blog to keep their students updated and informed.

They refer to their blog as “The Commons.” This tie in to the commons on a college campus, which functions as a centralized location for student resources, is the perfect title for this section of their website.

The blog page  gets its own navigation with nav options like Career Advice, Lambda Community, and In the News giving students direct access to posts related to these areas. Along with a well ordered grid layout of posts, and plenty of white space, a student doesn’t have to spend a lot of time finding the information that they’re after.

4. Lattice

lattice homepage

Companies are offering more flexibility when it comes to remote work. With this new way of working, businesses need tools to keep their employees connected, and to make sure that everyone is working towards the same company goals. Lattice offers software that helps companies adapt to this new way of running their businesses.

They title their blog “Resources for Humans Magazine” and offer a great selection of articles with the type of relevant content any HR person, or other management role would want to read about. 

lattice blog resources for humans

This blog is topped by its own navigation, different from the rest of the main website. With Company Culture, Employee Engagement, Employee Feedback, and other related menu options, this presents someone with a direct route in reading about the topics they want to learn more about.

This layout follows the format that many magazine and news related websites follow. With a large featured post occupying the left hand side and a column of articles on the right, it feels familiar and intuitive to navigate.

5. November Five

November Five opens up their business website saying that they, “create digital experiences that drive people and businesses forward.” What follows are a few detailed case studies about how they’ve helped their clients’ in meeting these goals. 

They begin their blog with huge typography and a statement summing up that these posts are about both their successes, as well as challenges they’ve had to overcome. They get out right away what someone will be reading about. 

Scrolling down, we get to this space, with the left hand occupied by big blog titles, with accompanying images on the right. The text change to red on hover really grabs your attention. There’s also plenty of negative space in this tidy two column layout.

Along with company news and what’s happening behind-the-scenes, they cover such areas as app development, stack technology, and other topics of interest to designers and those into tech. They don’t take too narrow of a scope with their blogging, instead opting for a wide variety of topics to keep things interesting.

6. Retrium

Retrospectives gives team members the chance to measure their success, and to communicate how well a project is going every major step of the way. Retrium streamlines this process and allows data to be integrated into these retrospectives, to further convey how things are going.

The webinars and other relevant content in their blog discuss things like product updates, ways to use data, as well as other tech business related topics. The articles are arranged in a card layout, with a rich golden for the Read more buttons, as well as a handy tag on the top classifying the type of content for individual posts. This is a great example on how through some tasteful applications of color, you can really make calls to action spring from the screen.

7. Luhhu

Zapier offers a powerful platform for automating processes and shuttling data between different apps. It can do so much, but also has a lot of moving parts. Luhuh is here to help businesses better integrate Zapier, and make their automations more efficient.

Their blog further establishes themselves as experts on Zapier, with almost every post touching on same facet of using this software. Not only does this position themselves as authorities about Zapier, but having all of this relevant content also makes for better SEO.

From a design standpoint, they keep things simple with a two column arrangement. They give just enough information to let you know what each post is about — and there’s quite a few posts here. The clean arrangement of articles are well organized and easy to scan through to find something that might be of interest.

8. Dwellito

Prefabricated homes have evolved into a niche form of architecture. Dwellito is a marketplace for  modular homes, giving potential customers the information they need to help them find one that will work with their personal tastes and budget.

Their blog content covers the topics prospective buyers would want to learn about, and answer many of the questions they may have. It acts as an integral part of their content marketing, helping turn potential customers into paying customers.

This blog homepage, with its modern typography and sparse layout speaks to the same minimalism that contemporary modular homes follow. Nothing gets lost in unnecessary decorative embellishment. Instead there’s a straightforward linearity that holds everything together.

9. Freshpaint

Freshpaint gives businesses a software tool for automating website analytics, as well as being able to send it off to other apps. It taps into the power of data in furthering marketing efforts all without using code. Whether you’re a project manager or some other member of a marketing department, Freshpaint offers a handy and powerful set of analytics tools. 

The blog is a handsome two column arrangement of blocks, with an animated hover effect that lifts each entry from the screen. This gentle effect does so much in bringing someone closer to actually clicking on one of these articles, and gives a bit of dimensionality to the web design. So many blogs suffer from unmoving grids and this subtle interaction brings this page to life.

10. Math3ma 

With a PHD in math from CUNY Graduate Center, and currently active as a post-doc at the Google founded X, the Moonshot factory, Tai-Danae Bradley is an accomplished scholar and researcher. Her blog presents what she’s working on as well as other relevant math related content.

Math can be intimidating. But each of these entries lays out enough information to give even a layperson a basic understanding about what each post covers. 

Another design choice that helps with comprehension are the inline quotes. Each blog has a key point in grey broken out into the center. What might be a difficult concept is distilled into an easy to comprehend description. This stays true to her whole philosophy about math, which aims to demystify it and make it more accessible.

Though these posts cover some heavy topics, the writing keeps them from falling too far into the pit of academic jargon. There’s a straightforward tone, and matter of fact voice that keeps these from feeling intimidating even for those of us who aren’t math scholars.

11. Hello Sign

We’ve all had to electronically sign documents, and HelloSign exists as another app out there for making this happen. 

One would think that with a cut and dry product like HelloSign that having a company blog wouldn’t matter.  HelloSign comes through with a whole library of blog posts relevant to those in business. Any successful blog should provide information that people may not be able to find elsewhere, and HelloSign delivers plenty of practical information.

Blog categories include Intelligent Business, Company, and Products. With a robust blog regularly updated with relevant business topics, not only do they give their target audience plenty to read, but as we discussed at the top, this can give a nice SEO boost to the website.

12. Aaron Ward

aaron ward homepage

Aaron Ward offers instruction in helping people put together their own online classes. There’s both a free masterclass as well as paid options.

He teaches people how to earn extra income through teaching what they know. His work is guided by an entrepreneurial spirit in helping others find a way to monetize their smarts.

aaron ward blog

With a colorful grid of blog posts, there’s plenty of content that compliments the courses that Aaron offers. Each gets a tag at the top, with categories including online marketing, social media, as well as blogs that give more information about the courses. Each blog has a colorful thumbnail, with clean graphics and an easy to read headline. 

blog layout examples

1. 500px

screenshot 500px

Category: Photography Blog

Steal This Idea: Makes use of incredible photography as part of their visual-heavy design.

500px is designed and built for photographers. With member portfolios, photo licensing, and a resource hub, 500px will provide never-ending visual inspiration.

Take a look through their blog to get ideas for what kind of images you could use for your blog’s featured image spot.

2. Airbnb

Category: Travel & Hospitality

Steal This Idea: A progress bar at the top of the page shows how far you’ve read.

Yes, the Airbnb blog makes clever use of the reading progress bar.

But they also use quotes and real-life examples from their Hosts. And if you’re looking for visual inspiration for your blog homepage, their graphic links might be just the ticket.

3. Austin Kleon

Category: Author Website

Steal This Idea: Austin puts a “Read My Books” CTA front and center. It’s obvious without being in the way.

Austin Kleon is a self-described “writer who draws.” Since he “makes art with words and books with pictures,” his website and blog make heavy use of visual images.

One of my favorite user interface (UI) Design elements is how he incorporates a sidebar on the left side of his site to keep his books top-of-mind.

Heads up: this site is an exception to the one-or-none sidebar recommendation in the tips at the end of the post.

4. BarkPost

Category: Content Division for a Retail Company

Steal This Idea: Dog. Photos. Everywhere.

The internet loves animals. And with pet industry spending expected to reach almost $110 billion in 2022, BarkBox uses a brilliant content marketing strategy to get its share.

BarkPost, the dog-themed content site associated with the BarkBox monthly subscription service, “helps dogs share their stories with the world, using the power of the hoomans.”

Because what dog owner can resist the power of puppy dog eyes (and stories)? Certainly not this writer.

5. Brit + Co

Category: Lifestyle Blog

Steal This Idea: Wows with gorgeous imagery.

You would be forgiven for mistaking the Brit + Co blog for a design magazine. Every blog post is full of topical magazine-quality visuals.

Whether it’s recipes for key lime pie bars and cocktails or a step-by-step guide to the ultimate edible garden, the photography helps the reader feel like they can succeed.

blog page design template

The whole internet is flooded with content. Millions of blog posts and articles get published every day. Some have a passion to write and some are writers by profession.

You may have already selected a platform for your website. Now, it’s time to choose the best blog website template for your niche. The widgets and features which are often ignored during website development are proven to be important elements of the blog website. W3layouts templates has its own set of features and widgets to give their user a leisure experience. A creative blog website always attracts more visitors.

Our website templates with blogs come with all the necessary features and widgets you need to run a successful blog. Let’s have a look what are the features for because of which you must download a template from us,

Menu Categorization for Multiniche Blog

fashion-blog-website-templates

The multiniche blog needs different category menus. Every type of blog has different categories like travel blog website templates has photography, packing guides, travel destinations, and travel tips. Food blog has blog recipes, different country cuisines, and famous dishes. All our templates have these menus pre-designed. In some templates, these menus are placed in the header section and some in the left sidebar. These menus are visually appealing and systematically organized.

They are also kept in the drop-down to differentiate between the sub-categories. The menus in the header create an impactful first impression and reveal about your services to offer the clients.

You can customize them according to your blog topic and interest of users.

Blog Post Thumbnails

2 blog-min

These thumbnails images are used to grow your visitors. They appear on Google search engines and are important to get more clicks. Thumbnails are crucial for video blogs like food blogs, tourist blogs, fashion blogs or news related blogs. They are the strongest elements for videos as they persuade the audience to click and watch your whole video. We have placed the temporary thumbnails which are replaceable. You can change these thumbnails as per the niche of your blog.

Our thumbnail widgets are 100% responsive and fully customizable. We have preview mode to see how the selected images will look on the browser.

Excerpt widget

They are the short descriptions telling about your post to the readers before they click it. Having excerpts on your site will allow it to load faster as it must load only a small part of each blog. It is an extremely important part of a news blog website template, as the user wants to read the little description before knowing the complete news in detail.

W3layouts developers take full care to enhance the user experience by keeping in mind even the smallest of the features. Excerpts decrease the bounce rate and increase traffic. A unique excerpt improves your online presence in the search engine results page and helps in SEO optimization.

Recent, Popular and Related Post Widget

When your website loads, there are several blog posts available to read. These widgets allow segregating the post for your readers depending on their choice.

As the name suggests, these widgets are used to display the recent, popular and related posts on your website. They allow easy customization; you can change their fonts, color or other appearances. There is a different widget for all these categories. You can place them after the blog post, or right side of the page.

W3layouts has a large collection of the simple blog website templates for free download which have all the above-mentioned features.

Read More button

Even before the user clicks on the blog post, you can show a snippet of your content to him and place a read more button after it. With this, you can control the number of posts to show the user on a single page. It is a call-to-action widget that will redirect the user to either the next page or single blog post page. Read more buttons that come after 2-3 lines of the blog displayed in the box. They generate curiosity among the readers and persuade them to read the remaining blog.

W3layouts templates have unlimited designs for this widget based on animation, classic, change in font and color on click or hover, shadow effect, border, and background change effects.

Pagination

The pagination is generally used for websites which have several posts for a single category. This widget allows the readers to move to any page. In both the ends of the pagination, you will find the ‘previous post’ and ‘next post’.

Without pagination, the website will display any number of posts which is confusing for admin as well as the users.

W3layouts blog website templates have made it easy for users and developers to have maximum control of their website. It also eliminates the entire load on a single page.

Time and Date widget

These visual features are the building blocks of any website. Your followers are keeping track of the time and date of your blog post published. We have a good selection of templates with such widgets. They showcase the exact date and time of publishing. Users can feel free to change their size, color, position, and transparency. They are built with coherence to mix with any blog website template. They support all time zones and reduce your job to manually add the date and time.

They adjust their position automatically according to any screen size and are good for SEO.

Author Profile Page

You might have seen the ‘About Author’ section in almost every blog website template.

W3layouts have made it quite simple for people to maintain the author’s profile and present the author information such as the author’s name, bio, description with a picture. This widget can be placed below the post or right side of the template. Our templates have a comprehensive user profile management which is quick to update and modify.

They give a stunning appearance on all devices and can be made impressive with the custom color combination. The author should be given credit for writing the blog. If the article is written by multiple writers, you can give equal reliance to each writer.

Like, Comment and Share Features

These features improve the interaction between you and your readers. This set of widgets improves social media engagement. They are the right tools for better blog performance and get organic traffic. Getting comments and likes from reliable users builds trust among the users. The like, comment and follow widgets are usually placed on the bottom or sidebar.

You can control these features by changing icons, color, shape, and fonts. They work as valuable tools to build your network.

Scroll to top button

Almost every single page template has a scroll to top button. When it is pressed, the page evenly moves to the top. A simple arrow can reduce your efforts to scroll manually and reach on the top of the page. The design, position, shape of the button can be changed with HTML5, CSS3, and tiny JQuery code. You can adjust its appearance on hover or click effect.

Our both free and premium templates offer this feature. It is effective for large content or single-page blog website templates. The other effects for scroll widget are smooth animation or fast scrolling.

Login Support

11 blog-min

The login support is important for likes or comments on the blog. Our blog website templates control the comments and likes by login through Google, Gmail account, Facebook or linked account. At the time of comment posting, it persuades the user to login into the website.

These login pages are purely designed through HTML5 and CSS3. They are responsive, increase the customer base and allow the admin to keep track of the users registered. W3layouts has popup designed login pages, animated screens, and single-screen pages.

Designed with awesome Google fonts, they have excellent and clear readability. You can add and remove the login page fields as per your website requirements.

Optimized for Google Ads

We are moving towards online advertising platforms. Google Ads optimized template allows displaying Google Adsense on your website. These templates will display the ads according to their dimensions and generate revenue. This feature enables clicks which results in earnings and generating ROI. The feature makes your website look reliable and recognized by Google ads policy. You can place the clickable ads in image, audio or video format.

You can customize the Ads layout, size, and styling. It improves SEO performance, boosts the website traffic and promotes ranking in Google Search. Users are free to place this widget in the header, footer, or right side of the website.

Conclusion

Blogging allows sharing ideas, knowledge and endorsing your products. Our blog website templates are made for both developers and non-developers. These templates are designed with HTML, CSS3, Bootstrap and JavaScript framework.

They allow quick and effective customization. You are free to change the color, fonts, design, and layout without any hassle. We facilitate you to add graphics, sections, call-to-action-buttons, and newsletters.

We have the best collection of blog website templates. These templates support page banners, sidebars, blog pages, and each template has a unique design and layout. Our designer team is available for 24*7 to support our customers for any query related to website designing.

Leave a Comment