Category: Miscellaneous

Some personal updates, opinion pieces and miscellaneous content

  • Automatically resize Blogger images to fit blog post area

    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

    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

    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

    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

    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

    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)

    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

    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

    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

    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

    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

    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…