Automatically resize Blogger images to fit blog post area
Very simple but highly requested post from me today about how to automatically resize your post images on Blogger. This tutorial will show you how to make your post images the same width and make them fit your blog post area perfectly to help improve the look of your blog. The code below automatically sets…
Use image gadget in Blogger without required title
If you’ve ever tried to add an image gadget to Blogger you’ll know that adding a title for the gadget is a requirement. This can be pretty annoying when adding an About Me image that already has text. A lot of people have been asking me for a way to hide the title of the…
Make header, navigation and footer full width in Blogger
I’ve had a lot of requests for this lately so today I’m going to show you how to make your header, navigation and footer full width in Blogger. The way your template is set up is to have margin, padding and max-width values to “construct” your layout. In order to make your header, navigation or…
Creating and using different types of HTML lists – Basics of HTML #4
Today’s HTML topic is on creating lists. Lists can be very handy when writing a blog post or copy for your website. Readers tend to scan content online so giving them the information in points can be better. Why lists are important Okay, I know lists are boring and learning how to create a list…
Beginners guide to coding your first HTML webpage
I received a lot of questions regarding learning HTML basics. So that’s where we’ll start today, at the very beginning of HTML. I’ve tried to break this down as much as I can. Throughout the series I will cover the basics of HTML and then how to relate that to your blog. Fun fact –…
Change font style of the first letter of post title
Really quick tutorial from me today that was requested a couple of times on how to change the first letter of your post title and post text on Blogger to be a different style giving a magazine effect like this sentence. I’ve seen this technique used in some cool and creative ways. You could combine…
How to create a text link, an email link and an image link (and make links open in a new tab)
Todays post will be on creating links which is probably one of the first things you’ll learn in a web design and development course. It may seem basic and simple but you’d be surprised how often I get asked how to make an image link to something else. This image could be a photo, an…
How to export a specific category group from Bloglovin
I was once a Bloglovin’ as mentioned in this Bloglovin Guide & FAQ post. I used it to follow a range of blogs, which I’d organised into many different groups or categories. However, I’ve since switched to using Feedly. Today I’ll be explaining a really simple hack to export a specific group of blogs I…
How to set up a custom domain on Blogger
In this post I’m going to show you step by step how to set up a custom domain on Blogger. I know what you’re thinking, this looks scary but it really isn’t too bad once you understand the process so I’ll go through each step and try to be as clear and as detailed as…
Show post excerpts with thumbnail on your blog
Today’s tutorial will show you how to create post summaries with a thumbnail on your main blog page. You could do this by manually adding jump links while writing posts, but this is a way to automatically add a “read more” button to each post on your blog. It can make your homepage appear neater,…
Add a border or image to the top of your Blogger blog
Today’s tutorial is about adding a border or image to the top of your blog along the browser window. It’s really quick and easy but can really bring your blog design together. If you try it out, let me know below. I’d love to see how you customised it. Turn off Bloggers navigation bar Go…
How to customise the read more jump link on Blogger
Today’s tutorial is all about the “read more” jump link on Blogger. I’ll go through how to add it to your blog, change the text, add the post title, add an image and customise the look of it. The default “read more” link doesn’t really stand out and let people know that there’s more to…