Need help - How to add RSS button in to header?

Discussion in 'HTML & Website Design' started by dieorfly, Aug 8, 2009.

  1. #1
    Hello friends,

    I am looking for the way how to add RSS subscribe button into my header section. I have a blog hosted by blogspot.

    I attache the picture of my header section for better clarification where the RSS button should appears.

    [​IMG]

    I would really appreciate any help. Many thanks.
     
    dieorfly, Aug 8, 2009 IP
  2. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #2
    It can be added in the menu area after the search button. I mean in the right corner of the menu.
     
    karthimx, Aug 8, 2009 IP
  3. dieorfly

    dieorfly Active Member

    Messages:
    122
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #3
    And can you give me a clue how to do that, please?
     
    dieorfly, Aug 8, 2009 IP
  4. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #4
    Just add a div before the navigation area. If you have some basic knowledge of HTML/CSS this is quite easy. Looks like
    <div style="float: right; width: **px; height: **px">
    <a href=""><img src="***" alt="RSS" /></a>
    </div>
    Code (markup):
    or whatever.
     
    myst_dg, Aug 8, 2009 IP
  5. dieorfly

    dieorfly Active Member

    Messages:
    122
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #5
    I managed to add the RSS button. Thanks myst_dg you helped me a lot.

    But I got one more question. As I added the RSS picture the headline moved up quite lot. Is there any way how to bring it down closer to the navigation bar? [​IMG]
     
    dieorfly, Aug 8, 2009 IP
  6. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #6
    I've visited your site, it seems that you made it by yourself. Nice work. :)
     
    myst_dg, Aug 8, 2009 IP
  7. dieorfly

    dieorfly Active Member

    Messages:
    122
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #7
    Yes thanks to the div code you provided and useful hints I was able to add my RSS button:)

    But i am still wondering if there is a way how to move the title closer to the navigation bar. Because it seems like the title moved up when I added the RSS button.

    Thanks for any help:)
     
    dieorfly, Aug 9, 2009 IP
  8. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #8
    Use margin and padding, depends on your choice. :)
    You can read this:
    http://www.w3.org/TR/CSS2/box.html
    Code (markup):
    or find some other tutorials about box model. Hope that helps.
     
    myst_dg, Aug 9, 2009 IP
  9. dieorfly

    dieorfly Active Member

    Messages:
    122
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #9
    Thanks for your link I have done it!:)) I just had to set margin in navigation bar to 0. And now it looks exactly how I wanted:)

    Here is the final look:
    [​IMG]

    Thanks a lot friend, your advices were 100% helpful:)
     
    Last edited: Aug 9, 2009
    dieorfly, Aug 9, 2009 IP
  10. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #10
    Nice try. What a pity you don't have enough posts so that to add my REP ;)
     
    myst_dg, Aug 11, 2009 IP