Help Any One!!How to Insert a Logo In My WP Blog header ?

10 replies
Hey guys i just spent the last 3 hours creating a logo for my website now its finally done. But i am a newbie and don't know much about coding. So i am unable to insert it into my header at the left of my blog.

Here is the logo Click here
Here is the blog that i want to put it on online career

Thanks every one for giving me these sites

Could anyone please help me in doing so?

Thanks in advance
#homepage #insert #logo #logoheader
  • Go into your site's dashboard, click on your theme's settings, and somewhere in there is a box where you can upload your logo and it will show automatically.

    All of the theme's I have used do it this way.
    {{ DiscussionBoard.errors[3887026].message }}
    • Profile picture of the author nicolas simpson
      Sorry but could you please be more detailed.

      Thank you.
      Signature
      Discover Reggae | Dancehall [Jamaica]
      {{ DiscussionBoard.errors[3887035].message }}
      • Profile picture of the author doorkicker13
        Originally Posted by nicolas simpson View Post

        Sorry but could you please be more detailed.

        Thank you.
        I just posted this in your other thread.
        Nine Techniques for CSS Image Replacement | CSS-Tricks
        {{ DiscussionBoard.errors[3887043].message }}
        • Profile picture of the author nicolas simpson
          ok thank you. I am currently looking at it.
          Signature
          Discover Reggae | Dancehall [Jamaica]
          {{ DiscussionBoard.errors[3887127].message }}
        • Originally Posted by webapex View Post

          As a last resort one might have to tweak the header.php file with the wordpress script editor.
          Originally Posted by doorkicker13 View Post

          I just posted this in your other thread.
          Nine Techniques for CSS Image Replacement | CSS-Tricks

          [EDIT]I'm sorry. I'm so used to working with Woothemes I gave you instructions without checking YOUR theme first. I just took a look at your site again, and that's one of Richie's themes, so I just uploaded it to my test site. That particular theme doesn't have an image option, in which case you will definitely have to edit the code by hand. Given the size of that logo, you would probably have to do that, anyway, to be able to set the height and width attributes.

          Your best bet would probably be to ask Richie to do it for you. It's a 2 minute job, at most, if you know what you're doing.
          {{ DiscussionBoard.errors[3887129].message }}
          • Profile picture of the author nicolas simpson
            Hey thanks for taking the time out to write does instructions. I really appreciate it However they are not present on my WP dashboard.

            Who is Richie?
            Signature
            Discover Reggae | Dancehall [Jamaica]
            {{ DiscussionBoard.errors[3887214].message }}
          • Profile picture of the author nicolas simpson
            This is what my Header looks like.

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">

            <head>

            <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

            <script type="text/javascript">

            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-21408738-1']);
            _gaq.push(['_trackPageview']);

            (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();

            </script>

            <meta name="description" content="Jump Start Your Online Career Today! For A Brighter Tomorrow, Check Out Our Wide Range Of Online Job Opportunities That We Have In Store To Get You Start Right Away!!" />



            <title>
            <?php
            if (is_home()) { echo bloginfo('name'); }
            elseif (is_404()) { bloginfo('name'); echo ' - Oops, this is a 404 page'; }
            else if ( is_search() ) { bloginfo('Online-career.com'); echo (' - Search Results');}
            else { bloginfo('name'); echo (' - '); wp_title(''); }
            ?>
            </title>

            <meta name="keywords" content="<?php foreach((get_the_category()) as ) { echo . ','; } ?>" />
            <meta name="description" content="<?php bloginfo('description'); ?>" />

            <meta name="created" content="March 2008" />
            <meta name="coder" content="Richie K" />

            <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

            <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/fonts.php" type="text/css" />

            <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/layout.css" type="text/css" />

            <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/jd.gallery.css" type="text/css" />


            <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
            <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
            <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
            <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
            <link rel="icon" href="<?php bloginfo('stylesheet_directory');?>/favicon.ico" type="images/x-icon" />

            <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

            <?php wp_get_archives('type=monthly&format=link'); ?>
            <?php wp_head(); ?>

            <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/mootools.v1.11.js"></script>
            <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jd.gallery.transitions.js"></script>
            <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jd.gallery.js"></script>

            <script type="text/javascript">
            function startGallery() {
            var myGallery = new gallery($('myGallery'), {
            timed: true,
            showArrows: false,
            showCarousel: false,
            embedLinks: false
            });
            document.gallery = myGallery;
            }
            window.onDomReady(startGallery);
            </script>

            <?php wp_head(); ?>

            </head>
            <link rel="icon" type="image/x-ico" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" />
            <?php wp_head(); ?>

            <body>
            <div id="wrapper">
            <div id="container">
            <div id="header">
            <div id="left-header"><!--<a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/logo.gif" alt="home" /></a> -->
            <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
            <p><?php bloginfo('description'); ?></p>
            </div>



            <div id="right-header">
            Signature
            Discover Reggae | Dancehall [Jamaica]
            {{ DiscussionBoard.errors[3887216].message }}
  • Profile picture of the author webapex
    You usually have to coordinated with the particular theme, some themes have header setting options somewhere in the control panel: appearances. Switching to a theme with a header graphiccs option might be the easiest course in some cases.
    As a last resort one might have to tweak the header.php file with the wordpress script editor.
    Signature

    “An expert is a person who has made all the mistakes that can be made in a very narrow field” Niels Bohr

    {{ DiscussionBoard.errors[3887041].message }}
  • Originally Posted by nicolas simpson View Post

    Hey thanks for taking the time out to write does instructions. I really appreciate it However they are not present on my WP dashboard.

    Who is Richie?
    Your theme is called 'Zoxengen', and Richie K is the guy who designed it. I assumed you got it from his site, but it's probably all over the internet by now because it's a free theme. Anyway...

    I looked at the code and found the logo section right away, or at least so I thought. When I go to check for his logo.gif that is supposedly there now, I get a not found error. So either the pic isn't there anymore, or he took out some code for some reason that USED to point there.

    USUALLY when you put an image in there, it will over-ride the Site Title and Site Description that shows in the logo section, and show the image, instead. I don't know how Richie set that up, though, so I can't say for sure.

    So if you want to try this, I can make no guarantees. However, if you save a copy of your original header.php file, you can always go back in and put it back the way it was. None the worse for wear.

    If you want to give it a shot, here you go, but remember to save the original header.php file first:

    Look at the bottom of your header code and you'll find this bit:

    Code:
    <body>
     <div id="wrapper">
     <div id="container">
     <div id="header">
     <div id="left-header"><!--<a href="<?php echo  get_settings('home'); ?>"><img src="<?php  bloginfo('template_directory'); ?>/images/logo.gif" alt="home"  /></a> -->
     <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
     <p><?php bloginfo('description'); ?></p>
     </div>
    This is the part you will be working with:

    Code:
     <div id="left-header"><!--<a href="<?php echo   get_settings('home'); ?>"><img src="<?php   bloginfo('template_directory'); ?>/images/logo.gif" alt="home"   /></a> -->
    Change it to:

    Code:
     <div id="left-header"><!--<a href="<?php echo   get_settings('home'); ?>"><img src="/online-career-official-logo-.jpg" width="750" alt="home" /></a> -->
    One thing, though. That logo will probably appear full-size, so it's going to take up a huge portion of the page, which could very likely throw your whole blog out of whack.

    See how I added the 'width=750' in there? That should make it show 750 pixels wide. You will probably have to tweak the number a bit to get it to the right size.

    Each time you change it, save it, then refresh your home page to see how it looks.

    Like I said earlier, if you mess something up, just put your original header.php file back in there, and everything will go back to the way it is now.

    If the Site Title and Site Description text still show, too, remove these two lines below that:

    Code:
    <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
    <p><?php bloginfo('description'); ?></p>
    Let us know how it works for you, either way.
    {{ DiscussionBoard.errors[3887341].message }}
  • Profile picture of the author nicolas simpson
    Hey it's still not showing , i did all that you told be to do.

    I am still trying though. I am here adding a few tweaks to see if it will work.

    Thanks for the help again i appreciate it....
    Signature
    Discover Reggae | Dancehall [Jamaica]
    {{ DiscussionBoard.errors[3890072].message }}

Trending Topics