How to Add Adsense to StudioPress Genesis Theme Framework

This post will help you add Google Adsense code or other advertisement codes to StudioPress Genesis Theme Framework. It is easy to add adsense code to studio press wordpress theme genesis.

Also I am a user of studiopress genesis theme framework, this is new to most of us, I really do not know how to add my advertisement codes to this theme. For the previous classic themes, I can add my codes to single.php or index.php. then add my codes to the proper codes. I can add my ads in my wordpress admin panel: click appearance,editor, find the right file, click, add my codes, save,done! But for studiopress genesis theme, you may have trouble. Don’t worry, Brain will help us solve this problem.

With the Genesis Theme Framework, adding “blocks of code” and placing them into certain areas on a site can easily be done with action hooks.

How to Add Google AdSense To Your Studiopress Genesis Theme Posts

Step #1

The first thing you’ll want to do is establish the CSS that you’ll need for the AdSense block. Inside your child theme’s style.css file, add this code:

/***** AdSense Post ********************/

.adsense-post {
float: right;
margin: 0 0 10px 10px;
}

This piece of code will create a container that will float to the right and be wrapped by the post content. If you want the AdSense block to be floated left, simply change the code to this:

/***** AdSense Post ********************/

.adsense-post {
float: left;
margin: 0 10px 10px 0;
}

Step #2

Next, you’ll want to create a file where you will place your AdSense code. You will also need to define the container for the code as well, so you create a file called adsense-post.php and place this into it:

<div><script type="text/javascript">// <![CDATA[
google_ad_client = "pub-12345678901234";     /* 250x250, created 7/28/10 */     google_ad_slot = "3220529950";     google_ad_width = 250;     google_ad_height = 250;
// ]]></script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>

Obviously you will replace the sample AdSense code with your own.

Step #3

Now that you have defined the style and created the php file for your AdSense code, you have to establish a way to implement it into your site. Open your child theme’s functions.php file and find this code:

// Start the engine
require_once(TEMPLATEPATH.'/lib/init.php');

Immediately after that, place the code below:

// Place Google AdSense code into post
add_action('genesis_before_post_content', 'include_adsense_post', 9);
function include_adsense_post() {
if ( is_single() )
require(CHILD_DIR.'/adsense-post.php');
}

The code above creates a function that says “if this is a single post, hook the adsense-post.php file just above the post content”. Because you defined your Google AdSense container to float: right, this allows the post to wrap itself around your box.

Of course, you can add any codes just like this. Yes, this is a little harder than the classic themes. If you do not like studiopress theme framework, you can buy ithemes premium wordpress themes, or woothemes,press75 themes etc, and we also have coupons for these themes.

Read more

Cute Pink Stylish WordPress Theme:Family Tree

If you are looking for a cute stylish wordpress theme, here is a good new wp theme from studiopress, I am sure you love this lovely wordpress theme! Demo /Studiopress Family Tree Download This is a new cute pink worpdress theme named family tree, with cool homagepage and 3 column inner page, suit most of … Read more

1 Column Clean Photo WordPress Theme for Photobloggers Pixel Happy Theme

1 Column Simple Clean Photo WordPress Theme:Pixel Happy Genesis Child Theme A very Simple,clean wordpress template for photographs from studiopress. This photo wordpress theme is able to display a slideshow below the header, has numerous layouts, and other options which can be managed from the backend options panel.A very good wp template for gallery,family albums, … Read more