Tag: Blogspot

Using Google’s blogging platform Blogger/Blogspot? Here you’ll find a number of posts on how to setup your blog, edit your theme and grow traffic to your site

  • Complete guide to moving from Blogger to self-hosted WordPress without losing Google rankings

    Complete guide to moving from Blogger to self-hosted WordPress without losing Google rankings

    Do you currently have a blog on Blogger which you’d like to transfer to self-hosted WordPress? Although there are a couple of upfront costs and may be a slight learning curve, I highly recommend WordPress.org – it gives you more control, more options and opens up a world of possibilities for growth. What is WordPress.org?…

  • Changing from Blogger Custom Domain to another Custom Domain

    Changing from Blogger Custom Domain to another Custom Domain

    This post will explain the steps for changing your blog address/URL on Blogger from a custom domain (myolddomain.com) to a difference custom domain (mynewdomain.com). Read the first part of this post on how to smoothly change your URL or blog name, which will explain the overall steps and things to prepare before changing your URL.…

  • Hide Pinterest Vertical Images on WordPress and Blogger (while staying on Google’s good side!)

    Hide Pinterest Vertical Images on WordPress and Blogger (while staying on Google’s good side!)

    As a blogger, Pinterest has the potential to drive huge amounts of traffic to your site. Optimising your blog posts specifically for Pinterest by using vertical images is important, but sometimes it doesn’t suit to have such a long image in your post. One technique is to hide vertical images in your post so that…

  • Dynamic Image Post Slider for Blogger

    Dynamic Image Post Slider for Blogger

    One of my most requested tutorials is for a dynamic image post slider on Blogger. Today, I’m sharing with you one of the many methods of creating and styling a post slider for Blogger using HTML, CSS and JS to dynamically show your recently published posts. Blogger Post Slider Demo Add Post Slider to your…

  • How to add jQuery Tabs to Blogger to create multi-tabbed content

    How to add jQuery Tabs to Blogger to create multi-tabbed content

    Today’s tutorial will show you how to create tabs on your Blogger blog. Tabs help you organise different content sections in a single container, allowing users to switch between items easily. Tabbed Content is great way of displaying a lot of content in a smaller space by separating the content into different panels. There are…

  • How to install Font Awesome on Blogger to display icons on blog

    How to install Font Awesome on Blogger to display icons on blog

    Font Awesome offer a wide range (600+) of high quality scalable vector icons, that can be easily be used on your blog and customised using CSS. This post will show you to add the icon font to your Blogger blog and use icons within your content. Install Font Awesome on Blogger Adding Font Awesome to…

  • How to add a simple and responsive image gallery to Blogger (4 different styles)

    How to add a simple and responsive image gallery to Blogger (4 different styles)

    This post will show you how to easily add a simple and responsive image gallery to your Blogger/Blogspot blog. Galleries are a great way to display multiple images without making the user scroll through a long slow-loading page. This tutorial will show you how to add an image gallery in a grid layout with rows…

  • Alternatives to Photobucket for hosting your blog photos and how to store images directly on Blogger and WordPress

    Alternatives to Photobucket for hosting your blog photos and how to store images directly on Blogger and WordPress

    Photobucket, a very popular photo hosting service used by over 100 million registered users, recently made changes to their business model and angered a lot of their users in the process. Since 2003 the service allowed you to upload/host images for free on their servers and embed them elsewhere (like in a forum or on…

  • Blogger release new themes and updated features

    Blogger release new themes and updated features

    Good news for Blogspot users, this week Blogger announced on their blog that they were releasing some beautiful new themes for the popular blogging platform. The four new themes should now be available in your dashboard, they are: Contempo – As good for a photo as it is for a story, Contempo puts a fresh,…

  • How to create a dropdown search bar in your navigation on Blogger

    How to create a dropdown search bar in your navigation on Blogger

    Today’s tutorial is showing you how to add a search icon to your navigation menu that when clicked will display a search box. The search bar will slide down allowing your visitors to search for blog posts (there’s a similar example on this site). Please note that this tutorial needs updating, due to the restrictions…

  • The difference between hosted and self-hosted blogging platforms

    The difference between hosted and self-hosted blogging platforms

    Today I wanted to talk about a topic that can be confusing when you first decide to start a blog – the initial setup. You’ll read things about free blogging platforms, self-hosted platforms, domains and hosting and the many differences between them. This post will explain all that! I’ve actually had this in my drafts…

  • How to Add Numbered Pagination to Blogger

    How to Add Numbered Pagination to Blogger

    Bloggers standard pagination allows readers to browse through your blog page by page using older/newer or previous/next navigation. This post will show you how to add a numbered pagination instead, replacing the older/newer pagination with a numeric navigation allowing users to jump through pages. Due to the restrictions on Blogger the pagination.js file in step…

  • Card based blog design – how to divide each post into a separate box on Blogger

    Card based blog design – how to divide each post into a separate box on Blogger

    Card-based layouts are becoming increasingly popular across the web, with many popular sites like Pinterest, Dribble and Google+ adapting the style. They are usually presented in a grid or list, showing a summary of information that is easy to scan. This makes them perfect for displaying blog posts. This post will explain the basic method…

  • How to enable the Search Description field on Blogger to increase page views

    How to enable the Search Description field on Blogger to increase page views

    Search engines typically take the first couple of sentences of a blog post as use that as the site description on their results page. However, there is a feature on Blogger allowing you to write individual summary for each post. This allows you to choose the description which can help improve the number of visits…

  • How to add “Click to Tweet” link within posts to encourage social sharing

    How to add “Click to Tweet” link within posts to encourage social sharing

    Today’s post will show you how to add Click to Tweet boxes in your posts on both Blogger and WordPress. You can add these Tweet boxes throughout your posts allowing readers to click and easily share pre-written content that links back to your blog. It’s an effective way to increase engagement and get more shares…

  • How to SEO your blog posts on Blogger – Video Walkthrough with FREE checklist

    How to SEO your blog posts on Blogger – Video Walkthrough with FREE checklist

    Today’s post is about taking my SEO tips and putting them into action in order to optimise your posts and blog content. I’ve written quite a few posts on SEO – covering basics of writing content and optimising images to increasing your domain authority, removing broken links and using NoFollow links. Despite covering a few…

  • An alternative way to fix blurry popular post images on Blogger

    An alternative way to fix blurry popular post images on Blogger

    I’ve had a couple of questions recently about why the popular post images on Blogger are suddenly appearing blurry. I previously posted a fix to this issue here by automatically changing the S value which controls the quality, but it seems that Blogger has changed how it hosts images and no longer uses the S…

  • How to Correctly Centre Different Items on Blogger

    How to Correctly Centre Different Items on Blogger

    Want to know how to centre your header image, blog post images, sidebar images, gadgets, text, headings and everything else on Blogger? I’ve created a reference list below for you explaining how to correctly center the different elements on Blogger, without needing to use deprecated methods. This post was previously part of a post titled…

  • How to make YouTube or Vimeo Videos Responsive on your site

    How to make YouTube or Vimeo Videos Responsive on your site

    YouTube, Vimeo and other video hosts make it easy to embed videos on your website and blog using frames, however there isn’t a responsive option and editing iframes is near impossible. This tutorial will show you how to make YouTube and Vimeo videos responsive on your site. Responsive YouTube and Vimeo Videos 1. Find the…

  • How to customise the 404 not found page on Blogger

    How to customise the 404 not found page on Blogger

    The not found page on Blogger is really boring and unhelpful. It doesn’t encourage your readers to visit other areas of your site or help them find something they are looking for. This tutorial will show you how to edit the content and design to make it more user friendly. If you want to have…

  • How to customize the Blogger EU Cookies Notification Bar

    How to customize the Blogger EU Cookies Notification Bar

    I’ve been getting quite a few questions about the Cookie Notification that appears on Blogger blogs – from why it’s there, to can it be removed to how to customise it. This post is going to run through all the information about it and show you how to customise the notice to suit your blog…

  • Resize Bloggers popular post images to fit the width of your sidebar without being blurry

    Resize Bloggers popular post images to fit the width of your sidebar without being blurry

    Todays post is going to show you how to change the size of the images used in Bloggers popular post gadget so that they are bigger and clearer. This has been highly requested recently as a lot of people are adding this gadget to their sidebar and above / below blog posts to help promote…

  • Apply CSS to specific pages on Blogger using conditional tags

    Apply CSS to specific pages on Blogger using conditional tags

    Ever wanted to apply code to specific areas of your Blogger template but not to other sections? This is something I’ve included in certain tutorials/comments before but without fully explaining it. As more and more people are now asking about how to apply HTML/CSS to certain areas of their blog and not to others I…

  • 5 common coding mistakes on blogs

    5 common coding mistakes on blogs

    Before changing my direction in September, I’d say about 70% of what I did was coding fixes, tweaks, maintenance and development for existing templates. The Template Cleanup package is one of my most requested services. I’ve seen thousands of templates over the last few years helping out fellow bloggers – some custom, some pre-made, some…