Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7735

    Hi Guys,

    1) Could you tell me how to add a youtube icon on the header next the the RSS, Twitter, and Facebook icons?

    2) I’d also like it and all the other icons to open up in a new page?

    3) Also, any way to make the icons colored like they usually are?

    Thanks so much, Jay

    #59086

    Hey,

    in your header.php file you’ll see

    <ul class="social_bookmarks">
    <li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>">RSS</a></li>
    <?php
    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>";
    ?>
    </ul>

    You can add your code right below

    <ul class="social_bookmarks">

    The code to be added should look somewhat like

    <li class='youtube'><a href="LINK TO YOUR YOUTUBE PAGE">Youtube</a></li>

    Then you’d go in your light-skin.css (or dark or minimal, depending on which theme version you’re using) and find

    .social_bookmarks .rss a {
    background: url("../images/skin1/rss.png") no-repeat scroll 0pt 0pt transparent;
    }

    Copy this and change every occurrence of “rss” to “youtube” – now you’d also have to upload your image to /images/skin1/youtube.png (could be skin2 or skin3 depending on the version..)

    To make a link open in a different tab you need to add

    target="_blank"

    So the rss url in the previously mentioned codeblock would be this:

    <a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>" target="_blank">RSS</a>

    twitter would be

    "<li class='twitter'><a href='http://twitter.com/".$twitter."' target="_blank">Twitter</a></li>";

    Facebook:

    <a href='".$facebook."' target="_blank">Twitter</a>

    The image colors can be adjusted by replacing the images which are located where I said you should upload your youtube icon.

    I hope this helps :)

    #59087

    Thank You!

    #59088

    Glad that Chris could help you :)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Add youtube icon to header’ is closed to new replies.