Category: Miscellaneous

Some personal updates, opinion pieces and miscellaneous content

  • Add custom share links and icons to your blog

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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

    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…

  • Add social media links beneath each blog post

    Add social media links beneath each blog post

    Todays tutorial will show you how to add social media links beneath each blog post on blogger. Add the links in button or text form. This is a handy way of letting your readers know how to contact you, without them having to search around for ways to follow. How to add social media icons…

  • How to add a Google font or custom font to your Blogger or WordPress blog

    How to add a Google font or custom font to your Blogger or WordPress blog

    Todays post will discuss adding custom fonts to your blog on WordPress and Blogger using Font Directories or Google Web Fonts. Blogger has improved the font collection available in Template Designer, but choices are still limited. One of the best and easiest ways to add a custom font to your blog is using Google Web…

  • How to add a signature to Blogger posts

    How to add a signature to Blogger posts

    I previously wrote a post about adding a signature to your WordPress blog so I thought I would do a tutorial for those of you on blogger. As always with Blogger, coding usually depends on the template you are using so I have two methods below on how to automatically add a signature to the…

  • How to move date below the post title in Blogger

    How to move date below the post title in Blogger

    This tutorial will show you how to move the date below the post title on your Blogger blog. This has been made a lot easier since the Blogger 2013 Update. A lot of people prefer the date beneath the title of the post, here are two ways how to do it (with some styling fixes…

  • Ultimate guide to Bloglovin’ – common issues resolved and what happened to the platform

    Ultimate guide to Bloglovin’ – common issues resolved and what happened to the platform

    What happened to Bloglovin’? Bloglovin’ rebranded to Activate in 2018, becoming an influencer marketplace. The @bloglovin Twitter account has been wiped and instead directs users to @activatesocial_, which has also been shut down. Activate was acquired by Impact, a partnership management platform, in August 2020. However, it seems Activate has been abandoned with the last…

  • How to edit CSS and tweak your blog design on Blogger

    How to edit CSS and tweak your blog design on Blogger

    Since Blogger updated its HTML page, I’ve been getting a lot of questions about where to find the b:skin tags, so I thought I’d do this really quick post explaining the CSS section of your Blogger Template. I’ve written a post all about the Blogger update and new features if you want to read that…

  • Adding Google Analytics to Blogger or WordPress

    Adding Google Analytics to Blogger or WordPress

    Todays post will show you how to instal Google Analytics. It’s a really important part of blogging which is often overlooked, but even if you aren’t interested in stats or monetising your site I recommend setting up Google Analytics asap to start collecting data right away. I especially love the Real-Time Feature that lets you…

  • Prevent referrer spam & links on Blogger

    Prevent referrer spam & links on Blogger

    I’ve seen a lot of complaints online recently about inappropriate spam sites that are showing up as linking to your blog, these are known as referrer spam. These type of sites have been around for years and are hard to completely get rid of. Google do delete them but more and more are created daily…

  • How to add social media buttons to your blog using images with hover effect

    How to add social media buttons to your blog using images with hover effect

    Todays tutorial is all about how to add social media buttons to your blog, both on Blogger and WordPress. Social Media Buttons are a great way of adding links to your favourite social networking sites without cluttering it up your blog with a load of text links. Personally, I love social media icons – they…

  • Beginners guide to the Blogger platform

    Beginners guide to the Blogger platform

    My recent post was about choosing a blogging platform – WordPress vs Blogger, now that you’ve decided to start a blog on Blogger.com, it’s time to learn a little bit more about it. This guide will give you a quick insight into setting up a blog, finding your way around the dashboard, writing your first…

  • How to add and align multiple images side by side vertically

    How to add and align multiple images side by side vertically

    Todays tutorial will show you two ways of adding vertical images side by side and making them align correctly with a horizontal image. I go through how to do this on Blogger, but you can also do it on WordPress using the same code. An example of the layout is shown below also. This is…

  • How to center the header image and header text in blogger

    How to center the header image and header text in blogger

    By default, Blogger aligns your header image to the left. The majority of bloggers like to have their banner centred so here are a couple of ways to alter you blog header image so that it sits in the middle of your blog. This is really quick and easy to do but it can make…