Another Tom 2

The template has been modified again, adding an author image to the left of the post title.

The method is different than used for the start of the post image. The images have also been changed.

The header method is completely different, as it requires that the header images be located at the same address and have a .png extension. It's also done as an expression:
<img class='pt-image' expr:src='&quot;http://i239.photobucket.com/albums/ff46/bytommie/wr/&quot; + data:post.author + &quot;.png&quot;' />

class='pt-image', while not required, permits the image float to be put in the stylesheet rather than as an in-line style. That allows changes without going down-template.

The placement can be seen in my reply T E D of 2/8/10.

Another Tom

I was invited to contribute to this blog so there are three authors. It's part of demonstrating an author image inserted at the start of the post.

This section of the template was modified.


<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Here's the Blogger Help Forum query.

Tomed Has Arrived

This is a post filled with nothing. It's really a test of some BHF activity my friend spavel has going on.

And this is being logged as another successful test. I have my own post-title color, post background color and post background image.

I customized the image before uploading by writing my name with the eraser, erasing the color to transparent, so the background color shows through.

Transparent GIF Background

This post is a test of a background image with some transparent sections.

The method used to set up the template for full-post background (image or color) is explained in this Blogger Help Forum thread:
Styling posts based on author instructions broken
Explained is both using the post ID for styling, and using the post-author.

The difference in what I do on this blog, is I include a <style> section in each post to apply the styles.

Another thing I do in some other blogs, is wrap the post-content in a <div> with id='post-title'. So the start of the post would look like this:
<div id='transparent-gif-background' style="color: rgb(0, 0, 0);"><style>#p2616586579738902948 {background:#fffafa url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6tPR0IiZDYBOTpfnR57LKTb_MWSvYr5bgmviotxZUo8q355pZsqeV_cSNE8ovP15fAwdRDBQX8AbKnFa3K6bZCNRldqClJE-TLG-Lng78WzKxp4tHgPqfmPTcTLU6IDxtqukkbUKr9PDT/s1600-h/x2.gif")}</style>This post is a test of a background image with some transparent sections.

I'm going to call this a successful test. The background color (#fffafa) is showing behind the transparent parts of the Z image. The Z is one image repeating.

New Post hb

This is a new, colorful, post.

Thisaway Test #s32986

This is just a demo of Thisaway (Rose) with some width added to the post column. It will be gone soon.

Date Test IJKN

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim. Integer orci.

Fusce vulputate lacus at ipsum. Quisque in libero nec mi laoreet volutpat. Aliquam eros pede, scelerisque quis, tristique cursus, placerat convallis, velit. Nam condimentum. Nulla ut mauris. Curabitur adipiscing, mauris non dictum aliquam, arcu risus dapibus diam, nec sollicitudin quam erat quis ligula. Aenean massa nulla, volutpat eu, accumsan et, fringilla eget, odio. Nulla placerat porta justo. Nulla vitae turpis. Praesent lacus.