Putting a logo at the top of my blog

  • Resolved johnscotthaydon

    (@johnscotthaydon)


    16 years, 4 months ago

    Hi all,

    I’m very new at CSS and kinda know html, but must be retarded. I’m trying to put a .jpg logo at the top of my blog in place of where it currently says “CorporateDollar.com – get more corporate sponsors”.

    I’m using the plaintxtBlog 2.2 Theme by Scott Allan Wallick, and just need some simple html code to paste into the (header.php).

    The code that is currently in this file reads as follows:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml”&gt;
    <title><?php bloginfo(‘name’); ?> <?php wp_title(‘/’); ?></title>
    <meta http-equiv=”content-type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /><!–LEAVE FOR STATS –>
    <meta name=”description” content=”<?php bloginfo(‘description’); ?>” />
    <link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’); ?>” title=”plaintxtBlog” media=”all” />
    <link rel=”start” href=”<?php echo get_settings(‘home’); ?>/” title=”<?php bloginfo(‘name’); ?>” />
    <link rel=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’); ?> Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS 2.0 Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> Comments RSS 2.0 Feed” href=”<?php bloginfo(‘comments_rss2_url’); ?>” />
    <link rel=”alternate” type=”application/rdf+xml” title=”<?php bloginfo(‘name’); ?> RSS 1.0″ href=”<?php bloginfo(‘rdf_url’); ?>” />
    <link rel=”alternate” type=”text/xml” title=”<?php bloginfo(‘name’); ?> RSS 0.92 Feed” href=”<?php bloginfo(‘rss_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <?php wp_get_archives(‘type=monthly&format=link’); ?>
    <?php wp_head(); ?>
    <!– STYLES PLACED AS SET IN THE THEME OPTIONS MENU –>
    <style type=”text/css” media=”all”>
    /*<![CDATA[*/
    <?php // CSS STYLES AS SET IN THE THEME OPTIONS MENU
    mytheme_basefontsize();
    mytheme_bodyfont();
    mytheme_posttextalignment();
    ?>

    /*]]>*/
    </style>
    </head>
    <body>

    <div id=”header”>
    <h1 id=”title”>/” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></h1>
    <p id=”description”><?php bloginfo(‘description’); ?></p>
    </div><!– END HEADER –>

    ______________________________

    What section of this code should I change and what should I change it to?

    Thanks so much, everyone!

    John

Viewing 5 replies - 1 through 5 (of 5 total)

  • If you want a logo instead of text, try these two things.

    1. If you don’t mind losing the description and the link back to your blog, delete the following lines.

    <h1 id="title">/" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></h1>
<p id="description"><?php bloginfo('description'); ?></p>

    2. Go into your style.css file. Find #header. Add this code:

    background: #fff url('pathto/logo.jpg') no-repeat;

    If background is already there, just replace that with the above.

    Thread Starter johnscotthaydon

    (@johnscotthaydon)

    Kohaku,

    Thanks. I posted “background: #fff url(‘pathto/logo.jpg’) no-repeat;” into the stylesheet and nothing shows up.

    I replaced “pathto/logo.jpg” with “/corporatedollar.com/wp-content/Images/corpdollarlogo.jpg”

    Again, nothing shows up. Can you still help me?

    Thanks,

    John

    Try ‘images/corpdollarlogo.jpg’ instead.

    Thread Starter johnscotthaydon

    (@johnscotthaydon)

    it worked – thanks!

    Welcome!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Putting a logo at the top of my blog’ is closed to new replies.