A Dateless WordPress Theme For Niche Blogging

Those who subscribes to Court’s Internet Marketing School would have learned keyword sniping and how powerful it could be when mastered and used for niche blogging. To complement the tactics used in keyword sniping, Court has specially modified a theme to complement what he has taught and make it all the easier for his teachings to work. Named very appropriately as Dateless Sniper, this theme is an SEO novice’s dream come true for Court has done all the necessary codings to optimize the theme for Search Engines to easily pick up the keywords of the niche that your blog is about.

I won’t be dwelling into what this theme can do but when I saw the video tutorial In Court’s latest post, I started to wonder. Given Court’s vast base of readers, at least a few hundred will be using this theme for their niche blogs and will it not be too boring for a few hundred blogs to look exactly the same? I downloaded a copy to see if I can add in a header and do some personalization on it, and the best way to personalize any Theme is of course giving it a unique header. Like what you see below.

Adding A Header Image to The Dateless Sniper WordPress Theme.

Now please bear in mind that as I am no SEO expert, I do not know if adding a header will interfere with Court’s motive for the Theme as this Theme is suppose to increase your keywords visibility with search engines. Since I did not mess with anything else but the header division codes in the stylesheet, I figure i did not do any harm.

Okay, first go create your header image. Size it to 960px x 85 px. Upload it to your images folder within this the theme with a name and format that you can remember. Open the theme’s stylesheet and scroll down to the header division denoted by #header and add your header images like this.

#header {
background:url(images/header.jpg);
width: 960px;
height: 85px;
margin: 0px auto 0px;
padding: 0px;
}

The header is divided into 2 portions. Headerleft and Headerright. Our image will be sitting on headerleft, so go down again until you see headerleft and change the codes to look like this,

.headerleft {
background: #000000;
width: 960px;
float: left;
margin: 0px;
padding: 0px 0px 0px 10px;
}

and headerright to look like this,

.headerright {
background: #000000;
background-repeat: no-repeat;
width:0px;
height: 86px;
float: right;
}

Only them will your header image cover the whole area, else it will look quite odd. Then of course you will not want the header title to be displayed so go to the header title division and add in “dispay:none;” like below.

#headertitle {
display: none;
font-family: Times New Roman, Helvetica, Sans-Serif;
font-size: 48px;
color: #3399FF;
text-decoration: none;
padding: 0px;
margin: 0px;
font-weight: normal;
}

With that done, you should have a nice looking header, but there remains a small problem. There is no “home” link. Of course you can add it in your sidebar with widgets but the habit of most surfers is to click on the header title or the “home” link on the navigation bar below the header to go back to your homepage. Since we have hidden the Title, there is no way back so the best way now is to make our header image click-able. To do that, go to your header php and locate this short line of codes.

<div id=”header”>

Replace this line with the one below and clicking the header will take the visitor back to the homepage.

<div id=”header”onclick=”location.href=’http://yoursiteurlhere/’;” style=”cursor: pointer;”>

Remember to type in your site’s homepage url within the colons in the place stated above.

Have fun!

Download Links And Video Tutorial For Dateless Sniper