Tutorials to help you customize your blog!

Today I am sharing a roundup of helpful tutorials for customizing your own blog! I focused on some of the most popular blog trends and found tutorials for you to do it on your own.

We all love plugins, but we also know that too many unnecessary plugins can slow your blog down. Luckily, there are awesome bloggers out there that share simple tutorials so that you can do the customizations on your own!

Go ahead and jump down to a tutorial that interests you:

Create additional widget areas | Customize your navigation menu | Create gallery category pages | Create a full width responsive header

Most of these tutorials are for Genesis themes. That’s one thing I love about Genesis, how simple it is for me to customize my blog.

Creating additional widget areas

Having additional widget areas can make your life easier as a blogger. Widget areas allow you to add content to your blog other than within pages or posts. Below are tutorials for creating a widget are for above the header,  after a post, and in the footer. If you’re feeling advanced, you can also read StudioPress’ tutorial for creating widget areas.

Create a welcome bar for your blog

You know, that colorful bar at the top of blogs that contain a call to action? There are a lot of plugins that will do this for you, (some that you have to display their logo) but Carrie’s tutorial will help you set on up on your own widget are above your header!

After posts

Having a widget section after your posts is a great way to display ads without adding them into every single post. With the most recent update of Genesis, it is actually really easy to set up a widget area after your posts. Simply add this code to the bottom of your functions.php file:

However, this method isn’t styled so you might want to check out Carrie’s tutorial on creating an after posts widget.

Footer

This tutorial will help you set up a 4 column footer.

StudioPress also has instructions for how to add footer widgets

How to customize your blogs navigation bar

The navigation bar is just that, a way to navigate your readers through your blog. Below are tutorials to help you customize your navigation bar.

Add social icons to nav par

I love the idea of adding social media icons in your menu bar, especially if you use the tutorial below to make it a sticky navigation bar.

Make your navigation menu sticky.

This blog trend is on the rise right now. I’ve noticed a lot of bloggers switching to a sticky nav menu to offer easy navigation for their readers. Sridhar’s tutorial will walk you through how to make your header, primary nav, or secondary navigation sticky. He also explains how to make your navigation bar trnasparent.

WPSites has a tutorial is not only for Genesis users, but he also has instructions for ccreating a sticky navigation menu using the default WordPress themes.

Change location of navigation menu

Find a theme you love but want the navigation bar above the header and not below? StudioPress has simple instructions for changing the location of your navigation menu.

More tutorials for customizing your blog

Here are a few more of my favorite tutorials for customizing your blogs

Gallery category pages

I think this might be one of the fastest growing trends in blog design right now! We are very visual people, so it makes sense!

This is by far the easiest tutorial for creating a gallery for your category pages. This tutorial is for any WordPress theme, not just Genesis. The grid will actually display on any type of archive page.

If you only want gallery on your category pages use this tutorial for creating a 4 column gallery using featured images and title.

Full width header

Lindsey of Pretty Darn Cute Designs created an awesome full width responsive header tutorial that will work even when device sizes change. All of the other tutorials I have used in the past made it so you would need to update the code every time a new mobile device size came out. That’s not cool because they change a lot. Parts of this tutorial are specific to PDCD themes.

If your current theme does not have the option to upload an image for the header, follow Carries instructions for adding an image to the header. and then proceed with the full width tutorial.

How to customize individual widgets

I’m sharing this tutorial because I have personally found it very helpful! You should check out this tutorial if you want your widgets to have different styles. It’s how my author box and my subscription box are different colors.

Change basic styles

If you want to change your blog background, get new fonts for text or change colors within your theme, check out 3 simply ways to customize your blog.

Helpful sites for customizing your blog

If you checked out any of the links above, you’ll probably notice that they are mostly from the same sources. When I want to change something with my blog design, I don’t even bother going to Google anymore, I just go straight to these blogs:

WPsites.net

Sridhar Katakam

Carrie Dils

I hope this tutorial helps you customize your blog! Are there any other things you would like to learn how to customize on your own? Any other tutorails you think I should add