Wednesday, October 18, 2017
Tutorial: Page (1) of 2 - 09/08/08 Email this story to a friend. email article Print this page (Article printing at page facebook
Create a custom blog theme in Blogger
Blogger works with Windows Live Writer and various other widgets and is customizable
By Kelley Kuhlman

This article is designed to help you create a custom Blog Theme in Blogger.  I like Blogger because it is free, it works with Windows Live Writer and various other widgets plus it is relatively customizable.

The things you will need for this project are:

  • Subscription to Blogger -they are free so go to and sign up now if you don't already have a blog there.
  • Subscription to an image upload service like Webshots, Photobucket or Flickr. They have free accounts as well and have links to easily use in web based blogs. I use Flickr the most.
  • Graphic editing software like Photo- Paint, Paint Shop Pro, Photoshop Elements or Photo Impact

This is a view of the Blogger Site:

You will soon see that Blogger doesn't have the choices some other blog spots do such as the capability to use more than two columns, or lots of themes to choose from, but you can freely change the HTML and add your own content. 
This is what we will be doing today.  I want to change the Blog color, the background, sidebar area and fonts. When you are finished signing up and logging on to your BlogSpot, you will be at the Dashboard. 

Click on Layout to enter the Theme editing area.

Here is where you will land:

Choose Pick a New Template and choose Rounders.  That is the one we will work on.

Choose to save the template on the right top of your screen. This applies it to your blog. Then choose to view Blog.
Notice the parts involved:
Blog Body
Side Bar
We should look at all the image elements that go with that blog which we plan to change or adjust. Right mouse on the blog page you have just viewed. Choose Page Info.

A pop up will appear that has the information of the page elements. Choose the Media Tab and click on each image that has the word corners or rounders and note the sizes. You can write it down if you want.  Until we look at the HTML however, it won't make a lot of sense if you are new to this. The size of the highlighted example is indicated: Specified Dimensions: 740px x 8px. 

The next thing we should do is copy the HTML from the template.  Close out the Info screen and go back to your Blog.  Go to Edit HTML tab and select all the text in the box by clicking inside the area and right mouse choose Select All.  Then copy it by right mouse clicking after it is all highlighted and choosing Copy:



Page: 1 2 Next Page


Our Privacy Policy --- About The U.S. Daily News - Contact Us - Advertise With Us - Privacy Guidelines