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.

Another Float Test

Float alignment has been turned off on this blog for many months. My last attempts at right aligning an image with o text alongside failed.

With float off I should not need to do a clear or anything else to stop text flow alongside the image.

It's clear that you can not turn float off. The image is to the right of text and the code contains float:right.