How can i fix it?

Discussion in 'HTML & Website Design' started by iwingchun, Nov 12, 2009.

  1. #1
    Hello everyone,

    i have this website http://www.hydroponicsworld.info and i would like to add on the sides - where the template is white - a blurred image in order to be more attractive to users.

    Any idea how can i fix it?

    Thanks in advance :)
     
    iwingchun, Nov 12, 2009 IP
  2. sshahnawaz

    sshahnawaz Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #2
    I don't get it seriously, what do you want to add and what programs you are using to design it?
     
    sshahnawaz, Nov 12, 2009 IP
  3. hatifnat

    hatifnat Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    if you'd like add background image you can do this like that, editing your CSS style:

    
    body
    {
    ...
    background-image:url('url/to/your/image.png');
    background-repeat:repeat;
    ...
    } 
    
    Code (markup):
    more info: http://www.w3schools.com/css/css_background.asp
     
    hatifnat, Nov 12, 2009 IP
  4. iwingchun

    iwingchun Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I would like to add an image on the left and right side which is blank (the template is white)
    There i would like to add an image or a drawing.
    I use blogger for design.

    Thanks a lot.:)
     
    iwingchun, Nov 12, 2009 IP
  5. sshahnawaz

    sshahnawaz Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #5
    In your settings >> layout >> Look for the side you are talking about and see the link add widget at the top. Click it and choose picture. Give path of the picture and you have done it all.
     
    sshahnawaz, Nov 12, 2009 IP
  6. sshahnawaz

    sshahnawaz Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #6
    Well, if you want to insert this code, just check this by pasting this code in the head section in your settings >> layout >> edit HTML section.

    Don't forget to have a backup before doing so. :)
     
    sshahnawaz, Nov 12, 2009 IP
  7. Thecrazyhorse

    Thecrazyhorse Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Yes , go to the layout and check your settings as well.
     
    Thecrazyhorse, Nov 12, 2009 IP
  8. vlwebhosting

    vlwebhosting Guest

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    check css style. css or layout. css
     
    vlwebhosting, Nov 12, 2009 IP
  9. sshahnawaz

    sshahnawaz Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #9
    There is nothing like css, style or layout.css in blogger. You have to paste the code in the head, not in any separate file. :)
     
    sshahnawaz, Nov 13, 2009 IP
  10. iwingchun

    iwingchun Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Thank you a lot guys. Your advices are very useful i will take a look at what you said.:)
     
    iwingchun, Nov 14, 2009 IP
  11. iwingchun

    iwingchun Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Hello again,

    because i am a newbie and i don't know much about css etc,
    can you plz tell me how can do this url('url/to/your/image.png'); ??

    For example i have an image whose name is apple, then what will i do?

    Thank you in advance
     
    iwingchun, Nov 14, 2009 IP
  12. sshahnawaz

    sshahnawaz Greenhorn

    Messages:
    46
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #12
    Find some image hosting website like imagehosing.com and post your image there to get a url of the image. You can then paste the URL in the right place in your settings >> layout>>edit html section.
     
    sshahnawaz, Nov 16, 2009 IP