≡ Menu

Display Adsense Ads Below Nav Bar in TechMaish WordPress Theme

Displaying adsense ads below navigation bar in TechMaish Theme or any other wordpress theme is very simple. You need to edit 2 files, No.1 Header.php and Style.css and add a code to accomplish it.

As a example just look at to the screen shot, so that you can know that how the adsense 728×15 link unit will look on TechMaish theme.

Previous article: Insert Adsense inside Post

techmaish nav bar ads

How to Display Adsense Ad Below Nav Bar?

1st Step

1. Go to Dashboard>Appearance>Editor

2. Click on Header.php file and scroll down to the bottom of the code.

Paste the below code in the middle of “<div><!–end of #header–>” and <div id=”main”> code. Copy this code but make sure to replace the adsense code with your own adsense code.

Don’t copy the Red portion, copy only the blue portion and replace the adsense code with your own code.

</div> <!– end of #header –>
<div id=”adsenseads”>
<script type=”text/javascript”><!–
google_ad_client = “pub-xxxxxxxxxxxxx”;
/* 728×15, created 6/21/10 */
google_ad_slot = “xxxxxxxxx”;
google_ad_width = 728;
google_ad_height = 15;
<script type=”text/javascript”


<div id=”main”>

Save the file.

2nd Step

Now Open style.css file and paste the below code at the bottom of the page.

#adsenseads {
background:none repeat scroll 0 0 #555555;
margin:0 auto;
padding:5px 0 0 0;

Save the file and visit your blog, you will see the 728×15 link unit added just below the Nav Bar.

If you have any question about TechMaish theme, or need any feature then feel free to post in comment. Soon i will be launching another version of TechMaish Theme, where lots of features will be added. So keep visiting for the next update or Subscribe to our RSS Feed to get updates in mail box.

{ 22 comments… add one }
  • sanjeev January 13, 2011, 8:01 am

    Hello Bilal, Thanks such wonderful theme. I want your help in some customize task.
    1. How to make style like your POPULAR POSTS widget i.e background color of link?
    2. How to change fonts of allover body of theme?
    3. How to change the color of Sidebar title Background?

    Please Sir, Response these.

    • Bilal Ahmad January 13, 2011, 9:31 am

      Sanjeev@ I will try to include all the features in the Next Version of TechMaish. Thank you for liking the theme.

    • rohan @techlunatic.com January 19, 2011, 5:01 am

      Go to your style.css or corresponding file ,you will see a body {} tag.
      whatever is inside the body tag is “attribute of the body”, meaning it will be assigned to everything that falls under the section in your theme. you can change font color,font size and the font itself here, you can also change the hover color.
      If you further study your CSS file you will find attributes for links and separate sidebar.php file depending on your theme structure, you can very much edit everything from there. Find a good color to hex converter on the web and assign it as attribtes, it will do the trick.

  • sanjeev January 13, 2011, 9:35 am

    Bilal, When u launching new version?
    I want to launch my new blog with features very soon.

    • Bilal Ahmad January 13, 2011, 9:48 am

      Sanjeev@ I am working, it will take a few weeks.

  • rohan @techlunatic.com January 19, 2011, 5:04 am

    @bilal – nice post, you can also accomplish this by using the inherent WP shortcodes. just have to make a new function in the function.php file and then add this line to the code (functio name, shortcode name);
    then whenever you use [shortcode name] in your theme it will give a call to the php function which is ,in this case our adsense ads.

  • Bibin May 29, 2011, 6:53 pm

    How to increase height in the Third section .I add the code and adsense shows fine. But i want to increase the height header navigation section which includes adsense

    • Bilal Ahmad May 30, 2011, 9:24 am

      Bibn@ The Height and Length code is highlighted in the Style.css file code. Just increase its size. For example height:40px; and width:1200px;

  • Bilal Ahmad May 30, 2011, 9:26 am

    Rohan@ Yes this method can also be used. Thanks for sharing this one.

  • Bibin May 30, 2011, 9:45 pm

    Will u please specify the correct line. Iam using Tech Maish worrdpress. Plz specify the line, because iam a new man in wordpress

  • raju August 27, 2011, 4:57 pm

    how to add adsense link units 728×15 in header navigation bar in blogger.com

  • Prashanth September 3, 2011, 11:13 am

    Hi, it was a great help! I could use this code on my “FreshLife” theme also and it works perfectly
    Thanks mate

  • sidharth April 30, 2012, 7:33 am

    Good stuff bro. Could you provide the tut for all wordpress theme?

  • Chellie Cervone June 2, 2012, 9:37 pm

    Hi. Good info. I did follow it but ran in to a problem. To the right of the link ad, it was white – how do I change that.

    I tried it with the leader board ad and adjusted the height but i that case, the navigational bar showed and it looked weird.

    Thanks for any help

  • Ashwani kumar Singh July 13, 2012, 6:23 pm

    Thanks Bilal but i want to ask that my ad is displaying/alligned on the left side of the screen/theme . how to get it into the centre/middle….Please help….

  • Aliakbar Fakhri August 12, 2012, 11:34 am

    Bro your theme is supereb!
    i just downloaded it!

  • Reggie October 23, 2012, 9:49 pm

    Thanks for the tutorial Bilal!! Very simple but accurate!

  • Shilpa June 3, 2013, 2:41 pm

    hello sir when i put this code in style css
    #adsenseads {
    background:none repeat scroll 0 0 #555555;
    margin:0 auto;
    padding:5px 0 0 0;

    i get error in padding: 5px 0 0;
    Using Height with padding can some time make elements larger that you expect plz help me

  • Pawan August 16, 2013, 4:22 pm

    how can i make posts to slide on my home page?Please tell me.

  • Manoj October 6, 2013, 7:02 pm

    Hello,, I want to know about how to place an ads just below the header or menu and above all the posts

  • Suresh December 27, 2013, 12:08 am

    Bilal, Thanks for your help to bloggers community. Please inform how can I ad 468×60 Ad code on home page (between the summary posts)


Leave a Comment