Different Post Styles For Different Authors

Today, I will show you how you can have different colors for team members as this will distinguish their posts among themselves as well to their readers. Let's say you have two users sharing a blog, and their names are Is and JoeBorg. Ordinarily when they post, their entries look the same. That's too boring. So I'm going to make all of Is's posts be in red and all of JoeBorg's posts will have a blue color. In other words, the style of the POST BODY will automatically change based on who wrote it.

Login to your Dashboard> Layout> Edit Html. Check the Expand Widget Templates check box. Copy and paste these lines into your CSS section. The preferred place to add CSS code is right in front of the closing b:skin tag

.post-body-is { color:#ff0000; }
.post-body-joeborg { color:#0000ff; }

Next, search for this lines of code.
<div class='post-body entry-content'>
<div style='clear: both;'/> <!-- clear for photos floats -->

Remove those lines and replace with the following lines of code.
<b:if cond='data:post.author == &quot;Is&quot;'>
<div class='post-body-is'><p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
<div class='post-body-joeborg'>
<div style='clear: both;'/> <!-- clear for photos floats -->

That's it! Save the changes and you're done! When you look at the blog again, Is and JoeBorg will have their own formats. You can have team blogs on Blogger. Just set up your blog so that more than one person can write posts. The working principle is the same if you have more than two contributors.

Alternatively, you may also set the background color for each author and their own image respectively as shown below:-


Post a Comment

1. Comments posted must be accompanied by names or pseudonyms.
2. Anonymous posting and those containing profanities will be rejected.
3. Comments are moderated due to spam problems. I have to approve the comment before it will show up.

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L