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 add hover over effects for social media icons, menus and more – Basics of HTML #3
Many blogs and websites, including my own, feature “hover over” effects on images where the image changes somehow when the mouse hovers over it. “Hover over” can also be referred to as rollover or mouseover. Usually, javascript coding is used to create this effect but there are some easier and more efficient alternatives. I’ve mentioned…
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…
How to create a circular date header for Blogger posts
Todays post will show you how to create a circular date header for blogger posts such as the one in the image below. This can be a really cool addition to your blog and something that can be customised to suit your layout and design. As this post was highly requested and codes vary depending…
Fix missing posts and thumbnails in Blogger dashboard reading list
Over the past year I’ve seen a lot of complaints about the Blogger Dashboard Reading List including newly published posts not appearing, the feed not updating, thumbnails not showing up, etc. I’ve researched this problem with posts or image thumbnails not appearing in the Blogger Dashboard for a couple of weeks now. This seems to…
Create a sticky or fixed navigation when scrolling on Blogger
Many popular sites these days are starting to add a fixed or sticky navigation to help visitors find their way around the site. It means that the reader doesn’t have to scroll back to the top of the page to choose a different page or topic. Instead they have access to the main navigation at…
Create a basic navigation menu and edit page tabs on Blogger
Many blogs these days consist of two or more topics, your home feed can be a mix of several different things. To make it easier for readers to find what they are looking for, it’s important to have a navigation system. Todays post will show you how to create a basic navigation bar to separate…
Create a horizontal navigation menu using images on Blogger
A navigation menu is one of the most important things for any website or blog. Think of all the different areas on your blog – all the posts, pages and topics. You want your readers to easily find their way around and to be able to find what it is they are looking for. A…
Create a custom navigation menu with dropdown items on Blogger
I’ve been getting a lot of questions this week regarding navigation so the next few posts will focus on different navigations and menus you can create for your blog. Navigation is one of the most important elements to consider when designing your blog. Todays tutorial will show you how to create a drop down navigation…
Automatically add rounded corners to your blog images
Todays tutorial will show you how to add rounded corners to your blog images, you can choose to add a small radius or make the image appear circular. This can be a really cool effect for your blog, you can use the code below to add this to any image on your blog. Log into…