Designing a Website for Your Small Business
April 8, 2017
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
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>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>
</div>
<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;
height:20px;
margin:0 auto;
padding:5px 0 0 0;
width:968px;
}
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.
Related Posts
Search Here
22 comments
Suresh
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)
Manoj
Hello,, I want to know about how to place an ads just below the header or menu and above all the posts
Pawan
how can i make posts to slide on my home page?Please tell me.
Shilpa
hello sir when i put this code in style css
#adsenseads {
background:none repeat scroll 0 0 #555555;
height:20px;
margin:0 auto;
padding:5px 0 0 0;
width:968px;
}
i get error in padding: 5px 0 0;
Using Height with padding can some time make elements larger that you expect plz help me
Bilal Ahmad
Shipa@ Try the new version. Download from here http://demo.techmaish.com
Reggie
Thanks for the tutorial Bilal!! Very simple but accurate!
Aliakbar Fakhri
Bro your theme is supereb!
i just downloaded it!
thanks
Ashwani kumar Singh
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….
Chellie Cervone
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
sidharth
Good stuff bro. Could you provide the tut for all wordpress theme?
Prashanth
Hi, it was a great help! I could use this code on my “FreshLife” theme also and it works perfectly
Thanks mate
raju
how to add adsense link units 728×15 in header navigation bar in blogger.com
Bibin
Will u please specify the correct line. Iam using Tech Maish worrdpress. Plz specify the line, because iam a new man in wordpress
Bilal Ahmad
Rohan@ Yes this method can also be used. Thanks for sharing this one.
Bibin
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
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;
rohan @techlunatic.com
@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.