Add a search bar to your navigation menu
Another highly requested tutorial for you today on adding a search bar to your navigation menu on Blogger. It’s a good way to integrate a few things into one navigation bar to save on space and help your readers find what they are looking for. My next tutorial will show you how to add social…
Create a dropdown select box using subcategories
Today’s post will be on adding a drop down menu to display post labels as categories and subcategories. The easiest way to explain is to show you the example below – clicking on the menu will display a list of categories and indented subcategories, by clicking on one of the options you’ll be brought to…
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…
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 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 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…
Add custom share links and icons to your blog
Sharing your blog via social media is a great way of boosting your readership and traffic so it’s important to make it easy to share your blog posts. This tutorial will show you how to manually add custom share links and icons to your blog on Blogger or WordPress. These are typically a lot cleaner…
How to add a scalloped edge background to your blog
I’ve received quite a few questions about adding a scalloped edge to your blog since uploading this premade template to the shop. Todays tutorial will take you through how to add a scalloped edge (BG2) to the content area of your blog which sits on top of your blogs background (BG1) as shown below. Use…
How to search for and find code in Bloggers HTML Editor
I get many comments and emails from readers saying that they are not able to find a certain code in the new HTML editor. The code is present in all of Bloggers default templates, it may look a little different depending on what template you are using and what changes you have made but it…
Create a calendar or banner style date header for blogger posts
In my last post, I showed you how to create a circular date header for blogger posts that floats to the side. Todays post will take it a little further, showing you how create a calendar style, your own imagea, a banner style or a triangular date header and how to customise it to suit…