To do this in typepad so it
appears automatically on each post, you have to have the $14.95 or
higher level to be able to access and use CSS Code.

View a sample here on Dawn's
blog. She is a US Stampin' Up! Demonstrator using image in her Post Title area. Lots of fun and cool stuff on her site!

 

http://www.inkeruptildawn.typepad.com

Snapshot


Storing Your Images

Typepad has a File Manager, so you may store the image there.

  • Go to the Library Menu.
  • Click File Manager.
  • Click the Browse button and
    locate the image on your computer.
  • Select it. The path now appears
    in the text box.
  • Click Upload.
  • The image now appears in the
    list on the left.
  • Find it and right-click on it.
  • Choose Copy Shortcut or Copy
    Link Location.  You will then "paste" this path
    later. 


Editing HTML Code
If you would like to add a graphic as a background in your Post Title that
looks like it sits underneath the title (like Dawn's sample above):

  • Go to Design.
  • Custom CSS.
  • Add the all of the following
    code substituting your image path (from the File Manager above).
  • Then Save Changes.
  • View Blog.
  • You're done.

 

****
SAMPLE CODE ****


h3.entry-header
{

background: url(path to your image here/postheader.png);
background-
background-repeat: no-repeat;
height: 60px;
text-align:center;
}

NOTE: The height will depend on the image height of your image. You will have
to experiment.

Have
fun!

Pin It on Pinterest