Adsense is the most promising way to monetize any site. Many people are getting huge revenue from Adsense. There are many tips and tricks for Adsense publishing and many pro bloggers speak about techniques. One such technique is placing menu type ad ( 720X90 ) in the place of template menu through which good click rate is expected. It is very simple if you are using any general HTML/WordPress templates. But tweaking is not that much simple in case of premium themes like Thesis and Genesis. When I thought of doing the same in this site which is powered by Genesis I found none. There are many tutorials available online for thesis customization but it is very difficult to find any Genesis customization. So I thought of tweaking code and I could able to get it. Let me share my experience and how I did so that if you are looking for the same this small tutorial will really helps you.
Before stepping into tutorial create a Genesis child theme it is the recommended way by WordPress and Genesis for any customization. If you are not sure about how to create child theme use our tutorial how to create child theme for Genesis from scratch.
Genesis framework supports huge hooks. Any customization you can do like adding or removing any part of the template should be done by using only hooks. There is a cool plugin Genesis Simple Hooks from the developers of Genesis. Install it, it comes with a simple hooks GUI where you can easily add and delete code.
Go to your Dashboard.
Install Simple Hooks Plugin
You should able to see Simple Hooks Option When you hover your mouse over Genesis in Dashboard as shown in the below figure.
Open it, search for genesis_after_header Hook, and add the below code
<div class="menu_strip"> XXX </div>
Replace ‘XXX’ with your Adsense code, which looks as shown in the below pic.
save it.
Now Open Appearnce->Editor, in the sytle.css of your child theme add below code at the end
div.menu_strip {
background-color: #336699;
padding: 6.5px;
}
Change the background to your required color. If you follow each step perfectly you should able to see Google Adsense menu ad a shown in the below figure.
thanks for such a wonderful and helpful tips,i’ll try it and come back thanks
Great post, thanks for sharing this tip.
Really awesome website and tremendous webmaster thanx .and really i have bookmarked your website and i always check this daily
This is really awesome…how would make this float in the center…not the the left of the screen.
This is first time I´m here but I really like what I see and read so far, thanks for share.
That option does not show up in my admin. Is there another way to do it using the editor?
That option ?? Which one You mean genesis_after_header ? you need to install genesis simple hooks plugin