Tuesday, 14 August 2007

Group blogs: different color posts (From my inbox)


Could you tell me how to have different colours for different posters in a group blog.


Susan, I figured it out!! There are a couple of points to keep in mind.
  1. Each group member will have a code to paste in their post. OR you can paste all the codes in Dashboard | Settings | Formatting | Post Template and then each member will delete all but their code when posting. (Personally, I would go with pasting all the codes in the Post Template. Just seems easier.)
  2. Each member will have a correlating code in the CSS style sheet to address the code in the post. (It will all become clear in a moment...continue reading.)
First let's get the code into the CSS style sheet.

For Classic Blogger look for the <style> and </style> tags.
For Blogger Beta look for <b:skin><![CDATA[/* and ]]></b:skin> tags

Here is the code you will put between those tags.
#unique name {
margin:0px;
padding:0px;
background:XXXXXX;
color:XXXXXX;
font: 1.1em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif; font-weight:none;
}
Items to pay attention to:
  1. For each member using the blog, add this code to the CSS style sheet with a unique name for each member. If you have ten members, you will add this code ten times in your template, with ten unique names.
  2. Assign a color to each member.
  3. This changes the font color if you want. If you want the font color to remain the same through out the blog, delete this line.
Second you will assign the following code to each member to put in their post editor window(or, as I said above, you can paste all the codes in Dashboard | Settings | Formatting | Post Template and then each member will delete all but their code when posting.)
<p id=unique name> Write your post here. </p>
It is important to make sure that each member uses their unique name.

To summarize:
  1. Each member will have a unique name (Joe, Jane, poster1, etc.)
  2. There will be a code reflecting the unique name for each member in the CSS style sheet.
  3. When posting, each member will have their code <p id=unique name>and</p> in the post editor and write their post between the tags.

That should cover it! All you groupies, enjoy!!!

post signature

No comments:

Post a Comment