test background image for post title

Test substitute span for div

test background image for post title

Test substitute span for div

test background image for post title

The script:

<div style="background-image:url('http://goo.gl/Ob6X');">test background image for post title</div>

BTW original image url is very long
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C2wh_60JmnFcuUAHHu5hqONxab9b0Ir-YIcb2y5rFYO9Qw3DRPj4nFfU1EVXlBZJ6sIa84rmuSAtap07D7PoxvBAND3HWFdH9qIo_gUcM75kgtcaHOPgNRl_-JfgwCZ7GCXAuEuzvptU/s1600/Blogger+Tips+and+Tricks+4.jpg

but shortened by Google Short URL service to
http://goo.gl/Ob6X

which then enabled me to keep the number of characters below 150 characters including space.

This post was inspired by a blogger's comment in How to change post title background color:

"thanx for sharing this..

but instead of color..how about to add image for background?"

Test if Blogger.com post editor title field accepts <img> tag

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4C2wh_60JmnFcuUAHHu5hqONxab9b0Ir-YIcb2y5rFYO9Qw3DRPj4nFfU1EVXlBZJ6sIa84rmuSAtap07D7PoxvBAND3HWFdH9qIo_gUcM75kgtcaHOPgNRl_-JfgwCZ7GCXAuEuzvptU/s1600/Blogger+Tips+and+Tricks+4.jpg

Test successful, now to get image resized to 430px width

Test individual post title background

If test works out only this post will have a purple background for its post title.

The script:

<div style="background-color:purple;">Test individual post title background</div>

Test post title aligned center

The script:

<div style="text-align:center;">Test post title aligned center</div>

After successful test to right align post title, very confident above post title will be centered despite the default for post title for this blog being left aligned.

Test post title align left

The script:

<div style="text-align:right;">Test post title align left</div>

Let's see if post title will be aligned right