CoolRunning Australia - The independent Australian website for runners by runners
Help make CoolRunning better!

Blogger FAQ

From CoolRunning Australia
Jump to: navigation, search

Back to Running Blog Guide


Blog basics

Blogger is a great free tool at http://www.blogger.com


Blog configuration

Q. Is there a setting on blogger.com were you can nominate how many posts you want to be viewed at the same time because I only want my last 3 posts to be viewed but a heap more load up.

A. you need to go into "change settings", then move to the "formatting" tab. The first option allows you to change the number of days visible. For example, if you're blogging once a day and want a single week visible, a setting of 7 would be just what you need.


Making a blog

You can have more than one blog per account


Templates

There are lots of templates to choose from.


Images

Q how do I add an image in my post and where can I store my images?

A To add an image to a post (or for that matter, most places on the internet) you need to have the image hosted (stored) on the internet somewhere. This means the image has it's own URL (web address). Photobucket.com is a free image hosting service. Once you've uploaded your image to the internet and you have your URL, you use a little bit of html code to post the image. Photobucket generates this for you automatically which you can cut and paste, but you can type it in yourself.


Banners

Q I made a banner. How do I add it to my blog

A If you can find someone who uses the same template as you and has a custom banner, go to their blog. View the source code and look the the custom image in the source. Then just replace that same part of the code in your code with your image.

Otherwise you need to look at the source for your template and figure where to put the image. Start by looking for URL's for images and replacing them with the URL for your own image. Then click preview - if it doesn't work you can undo it.


Colours

Q. How do I edit the colours on my blog template?

A. Go into the template section of your blog. Peppered throughout the CSS template there are a number of colour values that you can change to alter the colours on your blog (such as the background). They are generally a # sign, follwed by at least three digits.

You can type in a # sign followed by six digits to change the colour. These are known as hexidecimal colour values. For a full list of colour values, check out: http://www.w3schools.com/html/html_colors.asp or http://www.computerhope.com/htmcolor.htm

All you have to do to alter your colours, is substitute one value for another of your choice and hit 'preview' to see what it does. if you like it, save it. If you don't, clear the edits.

In geek speak - the hexadecimal number means you can use digits 0-9 and letters A-F. The six digits are Red, Green, Blue (RGB) values - eg #RRGGBB. 00 is no value, FF is maximum value. #000000 is black, #FFFFFF is white. If you want to ensure your colours to display properly on computers that have a limited colour range (eg. like Windows running in safe mode) then make sure you choose colours from the 'web safe' palette - see http://www.w3schools.com/html/html_colors.asp

HTML basics

Cheaters way to learn

Q. How can I learnt HTML real quick?

A. Look at source code of someone elses blog and modify it. You just need to learn enough to know which bits to copy.


Hyperlinks

Q. Can anyone help me with a simple explanation on how to create a hyperlink in a blog post? Maybe copy/paste a part of their blog that has one for me?

A. First you have to be using the HTML editor mode.

You might be able to do it in the other editor but I can't get into the site at the moment to check.

The code for a HTML hyperlink looks like this;

See my favourite site, <a href="http://www.coolrunning.com.au">Coolrunning Australia</a>. It's great.

Will show up like this;

See my favourite site, Coolrunning Australia. It's great.

The part after href= is the URL. The part between the <a ...> and </a> is the text that is displayed.


Q How can I have an image that you can click on to go to another page?

A You can also put images in between <a ...> and </a> to hyperlink an image. eg. <a href="www.coolrunning.com.au"><img src="button.gif"></a> will display the clickable image button.gif that links to the coolrunning website. You will probably need to put the full URL path of the image in the code - eg <a href="www.coolrunning.com.au"><img src="hspp://www.myimagehost.com/~maryjane/button.gif"></a>


Tables on the side

Q. I see that your blog has "Upcoming Events" and "Personal Best Times" columns. Can you tell me how to create them?

A. In the blogger config where you create new posts, click on the Template tab and you will be able to scroll down all the HTML for the page. This HTML sets out the formatting and main sections of your blog, eg - heading banner, sidebar, footer, and formatting of your posts. At the bottom of the HTML you will see the code for for the links, this is part of the sidebar. Just change the heading and the links with out changing the tags and you will be O.K. Do not forget to save and publish your Blog. To put a table in the side bar, do as above, but add code for a table (see below - How to make tables).


In a nutshell: How to make tables

  • In Blogger, Create a new post
  • Then Click on HTML mode

Code is like this;

  <table> = starts a table
  </table> = ends a table. If you don't include this the table will not come up at all
  <tr> = start a row
  </tr> = end a row
  <td> = start a table cell, the 'd' is for 'data'
  </td> = end a table cell
  <th> = start table header cell (same as td but bold)
  </th> = you guess...

To change the look of a table, you fiddle with the table attributes. Table attributes are in the table tag. Eg to put a border on a table :

<table border=1>

Example from http://runlady.blogspot.com ("coming soon" table on side bar);

EventDateGoal
BRRC 10 miler Early 2006 1:25
Canberra marathon April 2006</td> sub 4:10

There are more instructions in [this post]. It includes a link to a simple list of colour names.

!!More help There is a searchable knowledge base at Blogger Help [[1]] which is quite extensive but sometimes a tad technical.

Blogger maintain their own Blog at Blogger Buzz [[2]] which provides updates on new innovations and general advice on all things in the Blogging world. It is also RSS activated for those who are into Bloglines [[3]].


!!Tools

!!!!MS Word Plugins Those Bloggers who use MSWord (2000 or higher) might be interested in a new add-on to the program. Once installed, Blogger for Word [[4]] creates three buttons in your Word toolbar:

  • Publish creates and publishes a new post from the text in your document.
  • Open Post enables you to edit your last 15 Blogger posts in Word.
  • Save as Draft enables you to keep a post unpublished; it will appear in your Blogger account, but not publicly on your blog.

You can download it here [[5]] (2mb file).


!!!!Firefox Plugins For those of you who browse with Firefox [[6]] you can download an extension called BlogThis. Once installed, any article or text that you find on the web can be posted on your blog with a simple right click over any blocked text. You can download it here [[7]] (only 8kb file).

Personal tools
Google AdSense