+ Reply to Thread
Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11

Thread: Adding a link to the header navigation bar

  1. #1

    Default Adding a link to the header navigation bar

    I would like to add a link , just a plain old link, to my navigation bar. I found your article about adding a forum to one's blog on this forum, but cannot seem to decipher it for my application.

    I would like the link to be adjacent to the "About" link.

    My blog can be found at http://blog.internetce.com

    Any ideas?

    Any help is a big help!
    Aaron

    [URL="http://www.internetce.com"]Insurance Continuing Education[/URL]

    [URL="http://blog.internetce.com"]Tools For Sales Professionals Blog[/URL]

  2. #2
    Join Date
    Feb 2009
    Posts
    605

    Default

    Edit header.php and add this:

    PHP Code:
    <li><a href="http://www.google.com">Google</a></li
    before this:

    PHP Code:
    <li class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>

    Replace http://www.google.com with the URL you want and Google with the text of the link.




    Quote Originally Posted by adell50 View Post
    I would like to add a link , just a plain old link, to my navigation bar. I found your article about adding a forum to one's blog on this forum, but cannot seem to decipher it for my application.

    I would like the link to be adjacent to the "About" link.

    My blog can be found at http://blog.internetce.com

    Any ideas?

    Any help is a big help!

  3. #3
    Join Date
    Sep 2009
    Posts
    3

    Default

    Would this work for a google adsense search box as well?
    Thanks!
    Brian
    (Trying like mad to learn this stuff!!)

    Well, I answered my own question. It in fact, does work!

  4. #4
    Join Date
    Feb 2009
    Posts
    605

    Default

    I haven't tried it, but good to know! You just need some special formatting I guess.




    Quote Originally Posted by wbrian View Post
    Would this work for a google adsense search box as well?
    Thanks!
    Brian
    (Trying like mad to learn this stuff!!)

    Well, I answered my own question. It in fact, does work!

  5. #5

    Default

    Genius, i tell you. Genius!

    Many thanks!
    Aaron

    [URL="http://www.internetce.com"]Insurance Continuing Education[/URL]

    [URL="http://blog.internetce.com"]Tools For Sales Professionals Blog[/URL]

  6. #6

    Default How do I add a twitter link to the header?

    I currently have my rss feed and search box in the header and would like to add a link to my twitter feed.

    Any ideas?

    Many thanks!
    Aaron

    [URL="http://www.internetce.com"]Insurance Continuing Education[/URL]

    [URL="http://blog.internetce.com"]Tools For Sales Professionals Blog[/URL]

  7. #7
    Join Date
    Feb 2009
    Posts
    605

    Default

    Follow the same steps I already gave you in this thread

    http://cutline.tubetorial.com/forums...ead.php?t=6803

    And change "google" to "twitter".




    Quote Originally Posted by adell50 View Post
    I currently have my rss feed and search box in the header and would like to add a link to my twitter feed.

    Any ideas?

    Many thanks!

  8. #8

    Default move icons to the right

    OK - so this is great, thanks.

    I have added a link to my Twitter account and have attached a little icon but I can't seem to get it to sit on the right side of the nav bar, next to the RSS icon.

    take a look - http://www.festivalstyle.com

    How do I shift it to the right?

    ultimately I would want to add a few icons on the right hand side.

    Many thanks in advance for your help.

  9. #9
    Join Date
    Feb 2009
    Posts
    605

    Default

    In header.php add classes to your list items like so:

    PHP Code:
    <li class="socialmedia"><a href="http://twitter.com/festivalstyle">Twitter</a></li>
    <
    li class="socialmedia"><a href="http://facebook.com/festivalstyle">Facebook</a></li
    In style.css add this (somewhere after ul#nav li.rss):

    Code:
    ul#nav li.socialmedia {
    float: right;
    padding: 0.85em 0 0.7em 20px;
    margin-right: 5px;
    }
    To KEEP the RSS link to the rightmost side of the nav bar, move it up the list, right before where your social media links begin. And try changing the padding in ul#nav li.rss to padding: 0.85em 0 0.7em 20px; to give it spacing.





    Quote Originally Posted by FestivalStyle View Post
    OK - so this is great, thanks.

    I have added a link to my Twitter account and have attached a little icon but I can't seem to get it to sit on the right side of the nav bar, next to the RSS icon.

    take a look - http://www.festivalstyle.com

    How do I shift it to the right?

    ultimately I would want to add a few icons on the right hand side.

    Many thanks in advance for your help.

  10. #10

    Default

    Thanks so much for the help, you have saved me days of head scratching.

    If I wanted to replace all of the with three larger icons - perhaps 25px- how would I do this.

    I have tried to add in some icons but I think you will agree that it looks pretty shoddy.

    http://www.festivalstyle.com

+ Reply to Thread

Similar Threads

  1. How to Add Page/Link To Navigation Header
    By Mr_Christopher in forum Header & Nav Bar
    Replies: 4
    Last Post: 02-15-2010, 02:06 PM
  2. Adding different header
    By davidou8 in forum Header & Nav Bar
    Replies: 5
    Last Post: 10-09-2009, 11:07 AM
  3. Replies: 1
    Last Post: 09-21-2009, 04:42 AM
  4. Adding favico to header?
    By Gracey in forum Bugs & Fixes
    Replies: 1
    Last Post: 08-18-2009, 06:25 AM
  5. Header navigation
    By Robert_R in forum Header & Nav Bar
    Replies: 6
    Last Post: 06-30-2009, 10:07 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts