Add a Logo to WordPress Blog with Dynamic Headers by Nicasio Design
I have recently had a request for more information on this and think many will appreciate and need this info. Everybody wants to customize their blog and make it more personal here is the best way to do that. The reason I appreciate: Dynamic Headers by Nicasio Design so much is because it enables you to dynamically change your blog's logo or header image. Whatever you might want to put up there. This is good because it means you only modify the code once and the change is minimal.
First things first. You will have to download and install the pluggin. This is easier then ever with the latest version of WordPress it pretty much does it for you. Simply log in to the WordPress administrator interface and go to the Add New option from under the Plugins section. Search for: Dynamic Headers by Nicasio Design and then install it and activate it.
Next you will have to create a folder called: header-images inside your wp-content folder. It needs to be called exactly that and be in that exact location. You should be able to create folders from FTP or your File Manager.
Now you will need to upload your logo into that folder: wp-content
From the WordPress Admin intreface go to Appearance > Editor then click on Header (header.php) find the line of code that reads:
<body>
Directly under it insert this line of code:
<br><br><br><center><?php show_media_header(); ?></center><br>
This will add the tag that is needed by the plugin and also center the logo. I've added a three lines for spacing before that. If that is too much you can remove one or all of the <br> tags.
Last you will need to tell the plugin what image you want it to use for the logo. Make sure you are still logged into the WP Admin interface and go to: Headers > Settings (Look at the very very bottom it is under the Settings menu.) In here select your image name for both drop downs under: Default Header Media and Blog Page Header.
Tada! You are done. Next time you update your logo or want ot replace it with another image simply upload the new image into the /blog/wp-content/header-images/ and then tell the plugin to start using that one from: Header > Settings.
I really hope this has been helpfull, and remember I like hearing back form you as much as you like reading my posts
My top 10 WordPress Plugins
This is my list of pugins I consider necessary!
Akismet - Hands down total anti-spam control. Easy to configure just get a WordPress API key by setting up a WordPress.com account.
All in One Adsense and YPN - Simply amazing. Super easy to integrate and the best part is that it lets you alternate between Google AdSense and Yahoo Publisher Network for ad sources. You can select where to have the ads display with great detail.
All in One SEO Pack - You want to be found on search engines right ? Google.com, Yahoo.com to name a few. This plugin will do wonders for you. It allows you to exponentially expand your SEO meta data.
Digg Digg - Great plugin automatically inserts Digg me icons only where you want it to. If you haven't yet you need to sigh up for a digg.com account today and help make the web a better place by digging great websites/articles such as this one
Dynamic Headers by Nicasio Design - See the logo at the top of this page ? It's actually a .jpg image that I've implemented into my WordPress header with this nifty plugin. What's the big deal you say. I could have just written some html to insert the image directly in there however this is "Dynamic" meaning it allows me to upload a new image on the fly without further altering the header coding. Anything that makes my live easier in the future is better
Flickr Widget - I like this one because it centers my images correctly. I use it mainly to liven up my page. i like to Give you something pretty to look at.
Google Analyticator - Google Analytics !!!ROCK!!! Are you using crappy statistical software such as Webalizer or AwStats ? Please stop! Aren't you sick of inconsistent data reports ? I was so I started using Google Analytics.
Twitter Widget - Tweet tweet ! If you have the tweeting obsession why not further expand it with a simple slick WordPress Plugin ?
WordPress PayPal Donation - Super easy to set up. Simply provide it with your paypal account email and you can be on your way to begging people for money. I mean asking people for support. Speaking of which have you visited my donations page yet ?
Removing borders in LightWord Theme
I've recently fallen in love with the LightWord WordPress Theme however one thing I do not particularly like is the way it put double borders around my links IE: Digg plugin images in my post. It made it look really ugly. If you are also not satisfied with the borders you can go ahead and remove them by editing your WordPress style.css file for LightWord theme. Before you do this make sure to backup your style.css file. Once you have done that you are ready to begin. Go to Appearance > Editor > style.css There are two lines in charge of this under the /*CONTENT*/ section they are:
#content-body table{border-bottom: 3px solid #DDD;border: 1px solid #DDD;}
and
#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
Since I wanted to get rid of the double borders around my image/links in my posts I modified those two lines to the following:
#content-body table{border-bottom: none;border: none;}
and
#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: none;border-right: none;}
Recent
- Google Talk on Port 80
- Deleting duplicates in Thunderbird
- Disabling the Firefox Delay Timer
- What is a favicon ?
- Adding Meebo to your Website
- Tunnel your connection with Putty and Firefox
- Get a real domain for your MySpace account
- Add a Logo to WordPress Blog with Dynamic Headers by Nicasio Design
- Best 3G Touch Phone
- Where are my Skype images saved ?
Pages
Archive
- April 2010 (1)
- January 2010 (2)
- July 2009 (6)
- June 2009 (4)

