How to add image in front of post title

Sunday, 18 July 2010

Design -> Edit html
Find this code below (ctrl+f)
It should look something like this
Add the code below to the code above:-

Change the DIRECT LINK with the link of the image you want.
Change the padding to align to suit the image you want.
PREVIEW until the image is align beside the title
lastly "SAVE"
Photobucket
18 comments
in

18 comments

  1. Unknown21 July 2010 at 14:37

    add directly or wan to detele someting word?
    can give an example?

    ReplyDelete
  2. krystal ♥21 July 2010 at 19:29

    you can delete last time geh code and then add new geh. or add the codes that first code don't have.
    like [ text-transform:uppercase; ] this code no need add also can.
    is up to you want you want in ur blog (:
    my blog geh code is

    .post h3 {
    background-image: url(DIRECT LINK);
    background-repeat:no-repeat;
    border: 0px double #FFFFFF;
    margin-bottom: 6px;
    padding: 10px 3px 15px 75px;
    line-height: 2.0em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }

    preview to see how you like ur title looks like oni save. (:

    ReplyDelete
  3. Unknown23 July 2010 at 11:10

    can u go to c my blog..
    how to make the word more chose??

    ReplyDelete
  4. krystal ♥23 July 2010 at 12:07

    change the padding to :-

    padding: 10px 3px 15px 40px;

    ReplyDelete
  5. Unknown23 July 2010 at 13:58

    thx ya~

    ReplyDelete
  6. krystal ♥25 December 2010 at 18:44

    ur welcome ^^~

    ReplyDelete
  7. crystal29 January 2011 at 05:23

    hey krystal><
    can help me about this?
    the code .post h3 { i don't have : (
    can you help me?
    if my blog dont hav this code than how??
    help T.T

    ReplyDelete
  8. krystal ♥30 January 2011 at 12:02

    try finding this code
    h3.post-title a {
    it should work :)

    ReplyDelete
  9. crystal30 January 2011 at 16:04

    ok!! thx :DDD <3

    ReplyDelete
  10. krystal ♥30 January 2011 at 18:50

    ur welcome ^^♥

    ReplyDelete
  11. crystal31 January 2011 at 12:31

    can i some how put it at the right instead left? o.o

    ReplyDelete
  12. krystal ♥1 February 2011 at 20:12

    yes you can . Add this code .
    background-position:right center;
    btw , if you want to bring the title and the image closer together change the "px" in the "padding" of the last one :)

    ReplyDelete
  13. crystal11 February 2011 at 05:49

    w0w O.O
    thx <3 =D
    love urs tutorial <3

    ReplyDelete
  14. krystal ♥16 February 2011 at 22:48

    ur welcome . xD
    thank you very much! ><

    ReplyDelete
  15. crystal19 February 2011 at 09:17

    can i put left and right?><

    ReplyDelete
  16. krystal ♥19 February 2011 at 09:58

    cannot >< have to choose one only.

    ReplyDelete
  17. crystal20 February 2011 at 07:43

    O.O
    iic ><
    nvm thx <3

    ReplyDelete
  18. febonggg1 April 2011 at 20:03

    hy Krystal, love ur blog :)
    can u teach me how to customize my blog's template so can be look cute like urs ? ^^
    thanks b4 ♥

    ReplyDelete

Subscribe to: Post Comments (Atom)

latest 'grams

© krystal belle.
Theme by Eve.