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
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!
Finally, got what I was looking for!! I definitely enjoying every little bit of it. Glad I stumbled into this article! smile I have you bookmarked to check out new stuff you post
thanx for this nice educational tutorial,its so useful.its a nice trick,i like this post so much,
Really its a great one.. But, want more information… tha..
This is a really excellent read for me. Must agree that you are one of the best bloggers I ever saw. Thanks for posting this informative article.