to Start a Blog

In this Blogger tutorial I expand on my previous article about how to add a 3-4 column footer to Blogger by showing you how add border styling to the new footer. You will learn how to add a border around all of your footer columns or around only part of the footer columns. You will also learn how to add different border styles and border colors to customize your 3-4 column footer. If you have just landed here and need instructions on how to add a 3 or 4 column footer to your Blogger blog then please refer to how to add a 3 or 4 column footer to a Blogger template (Blogspot template) This is a walkthrough designed to assist bloggers with no experience of CSS styling who want to enhance their Blogger template with borders and other CSS styling. By following these examples you will gain the knowledge you need to make many types of custom changes to the borders of your new Blogger footer. For help with changing the background of your blogger footer please see my article How to Change the...

In this Blogger tutorial (Blogspot tutorial) you will learn how to add a comments counter button to Blogger (Blogspot) to show off the number of comments each of your posts has received. A comment counter button (bubble) will have the effect of encouraging visitors to comment on your Blogger blog and also help to highlight the credibility of your articles. Installing this Blogger hack to add a comment counter button only takes a few minutes. The changes needed to add the comment bubble to Blogger while not difficult do involve adding a small snippet of code to your Blogger template in two places. For this reason I strongly urge you to back up your Blogger template before attempting this blogger hack. Blogger Tutorial Difficulty - easy to medium How to Add a Comments Counter Bubble to Blogger A Step-by-Step Walkthrough The following steps will insert a fully clickable comments counter button on the same line as the post title in Blogger. The comments counter is right aligned by default...

In Part 1 of this three part series of Blogger tutorials I discuss how to change bullet point styles of lists you may want to include in Blogger posts. This first Blogger tutorial deals with unordered lists and how these can be styled using CSS in Blogger (Blogspot). The second part of these tutorials will deal with ordered lists while part 3 discusses bullet point changes you can make to your sidebar, footer and menus. Today you will learn how to: change the style of bullet points in unordered lists add bullet points to unordered lists if they are absent add an image instead of a bullet to lists in your Blogger posts This tutorial is rated easy and is designed so that even Blogger newbies can make the changes they want to their Blogger template. Changing the bullet point style involves changing the CSS styling in your Blogger template (Blogspot template). Join me as I walk you through this step by step guide. How to Add Bullet Points to a Blogger Post If you are still using the old Bl...

In this Blogger tutorial I discuss how to change the blog title border color or remove the border in a Blogger template (Blogspot template) by changing either the CSS styling of the border manually or by using the Blogger Template Designer feature. Lots of bloggers have updated their Blogger template to the new default series of Blogger templates for 2010. There are however many of you who are still using the default Minima template from 2006 (and there are lots of good reasons to do so) so this tutorial is for you and anyone else who is using a custom Blogger template based on Minima. You will learn how to change the border styling around the blog title to suit your individual requirements. You can either change the border color or remove the border altogether. If you want to remove the border around images in Blogger posts (Blogspot posts) then please refer to my Blogger tutorial How to Add, Change or Remove the Border Image in Blogger Posts Remove or Change the Blog Title Border in...

Today I continue the series of Blogger tutorials (Blogspot tutorials) by showing you how to apply CSS styling to blockquotes in a Blogger template. Other articles I have already published on the subject of CSS styling include: How to Add, Delete or Remove Blogger Image Borders How to Align and Justify Posts in Blogger How to Add a Divider Between Blogger Posts How to Add or Change a Background Image in a Blogger Template . Today's tutorial on Blogger blockquotes will be useful if you are using a default Blogger template or a third party custom template. It will show you how to change your blockquote area in the following ways: Add a background color to the blockquote Add a border around the background of the blockquote Add or change the color of the blockquote text Add or change padding around the text Add or change the margin Add a background image Blogger beginners you can relax as I have written this Blogger tutorial with you in mind. I will walk you through the steps of styl...

In today's Blogger tutorial (Blogspot tutorial) I will show you how to both add a background image to a Blogger template if you don't have one already or change the existing background of your Blogger template. I have chosen to write this article not because there aren't any how to articles already on the net but because they assume quite a bit of knowledge. I have taken a different tack with this post in that I assume you are an absolute beginner with no knowledge of Blogger templates. For this reason I have provided some sample backgrounds for you to play around with. By just cutting and pasting these images you can see first hand how dramatically adding a different background to your Blogger template can change it. You will see that replacing your background image with these images isn't that difficult and hopefully it will give the confidence to branch out further and change the background of your Blogger template to suit your own needs. All that is needed is to ...

In today's Blogger tutorial I show you how to enhance your Blogger blog (Blogspot blog) by adding a post divider to your Blogger template. Used effectively post dividers can really jazz up your blog and will lend it that individual feel which most of us are hoping to create. This tweak is very easy and well within the capabilities of any Blogspot blogger. Only a few simple changes to your Blogger template are required and these are in the CSS styling section. By way of example I will use a divider that I downloaded from the internet free by searching for free divider graphics . Here are some sample dividers you can use to get started: URL address: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg77uNK_cfFmJp9Zz3IzuROQjenjOhaWAKETv7dl6jRdmkdvx5J20F3WPXrzn5lAX_P-oHusS45kWghGpU3GdS84EthhNcI7lkPHej7wa6fLyMw_Ir6qLqOZYc62FAmYqBVHbsiw83l-F0/s400/ribbon.gif URL address: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9uBBT9LcRUT7k0awmN3iihQDjL7RS0f8ZWrlBtSBerIVuCC...

This is the second article in a series about CSS styling tricks and tips for Blogger written with Blogger beginners and novices in mind but suitable for all bloggers who want to customize their existing Blogger template. While the first article dealt with how to add or remove image borders in Blogger today I show you how to align and justify Blogger posts. Skill Level: Beginner Rating: Easy Time: 1 Minute Many of the questions that my readers ask me are about how to customize various features of their Blogger template (Blogspot template). Over the coming weeks I will be focusing on some simple CSS styling tricks and tips to help you get more out of your Blogger template. Much can be achieved by learning a little about CSS. So before you rush off to download a custom Blogger template consider customizing your existing Blogger template. This tutorial is part of a series of articles that I will publishing over the coming weeks about customizing your Blogger template using CSS styl...