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…
Customise the “Newer & Older Posts” Pagination Links on Blogger
Today’s tutorial is about changing the links for “newer posts” and “older posts” at the end of your blog under your post section on Blogger. When a visitor clicks on the link for older/newer posts, it takes them to the previous/next page of posts. The number of posts shown on your home page will depend…
Change or remove the “showing posts with label” message
When a reader clicks on a label on your blog, they are greated with a message telling them that they are now viewing all of your published posts that are categorised under that label. Todays tutorial will show you how to remove this from your blog or change the text that is displayed as well…
How to rearrange your post header and footer – labels, author, date
When you publish a new post on your blog, information about the post is also displayed – such as the time it was published, the author, the labels attached to the post, the location, share buttons, etc. In todays tutorial I’m going to show you how to rearrange/move those elements in the post header and…
How to add a hover over Pin It Button to your Blog
Todays tutorial will show you how to add a hover/mouse over pin-it button to your blog images on blogger. I show you two methods, one for the official Pinterest button and another for adding a custom button. This feature makes it really easy for your readers to save blog posts and images to their Pinterest…
How to create a sitemap on Blogger and submit it to Google and Bing
A sitemap is simply a directory of all the pages existing on your site, like a table of contents showing the structure of your blog. Sitemaps help search engines crawl your site and index it properly. Search engines will crawl your site if you have a sitemap or not, but this makes the process easier…
How to do a reverse image search – find the original source of any image
A long overdue post about finding the correct original source for images and giving proper credit when using images that aren’t yours. Images are an essential part of blogging, helping to attract readers and adding a little something extra to a post. The saying “a picture is worth 1000 words” is extremely relative when it…
How to add a blog post divider on Blogger
A post divider is simply a line or image, which divides your blog posts. It helps the reader distinguish one post from another when scrolling down through your blog. You can a a minimal line or something that matches your theme. I’ve added some free dividers to the shop if you don’t want to make…
How to fix no reply blogger comments
I received a couple of emails lately from bloggers asking why they appear to be a no reply blogger – this simply means that your email address is protected and isn’t being shown when you interact with a blog. It’s actually quite common and not a lot of people realise that they are no-reply bloggers…
How to move and remove the header gadget on your blog
On Blogger, the header element is locked by default in the Layout Gadget area. This can cause problems when you are re-designing your blog, especially if you want to put something above your header, move it elsewhere or delete it altogether. This tutorial will show you how to unlock your header gadget so that you…
Add a drop down menu that can be styled with template designer on Blogger
Todays tutorial is a simple CSS styled drop-down menu for Blogger. I have a previous tutorial here for the exact dropdown menu used on misseblog (demo). The problem is, because I styled it to look like the menu on misseblog as requested, some people found it difficult to customise further so I decided to create…
How to fix threaded comments and the reply button on Blogger comments
A few people have emailed me about having issues with replying to comments on their blog, after resolving their issues with the reply button I realised that maybe a lot more people are having this problem too so thought I’d write up a tutorial on how to fix it. This can be complicated if you…
Introducing Blogosphere magazine issue 1 – an editorial by bloggers for bloggers
I can finally announce something I’m very excited to be involved in – Blogosphere Magazine! Blogosphere Magazine is a new print magazine featuring the very best from the blogging and social media community. It will cover a range of subjects including beauty, fashion, lifestyle, food, photography, travel and parenting as well as interviews, features, news…
Category: Miscellaneous
Some personal updates, opinion pieces and miscellaneous content
