How do I get banner ad at the top of my blog?

[LauraJane]

I'm using the Luscious theme, and I'm wanting to place a banner ad below my header but above my top post title. There's not a widgeted area there, so can I create one myself? If so, how? I'm assuming once I know how to do that I could use the same process to put a banner ad at the very top above the header like I've seen on many blogs.

[Susan]

Try this:

http://www.briangardner.com/home-widget-area-eleven40/

[buddy_boy8403]

Nick The Geek has a great tutorial on how to create sidebars on his site.  You just need to make sure you are referencing the correct Genesis Hook when creating the new sidebar in your functions.php file.  Luckily, StudioPress has created a hook reference for you!

I believe the hook you want is: genesis_after_header

Give this a shot yourself using the reference materials and let me know if you can't get it.

Also, for future reference, a link to you site is always helpful!

[LauraJane]

I used the Simple Hooks plugin and added this code to the Genesis_before_loop hook:

<div align="center">
<a href="http://jvzoo.com/c/40596/18792" target="_blank"><img src="http://crystalpaine.com/wp-content/uploads/2012/10/21-days-disclipined-life-728x90.jpg" width="620" alt="21 Days to a More Disciplined Life" /></a>
</div>

Fortunately it pretty much worked. I'd like more space between the image and the post title. Is there a way to add some padding or margin using the plug in/html code or do I need to add an actual widget area there in order to use CSS to accomplish that?

My site: http://www.SuperSweetLife.com

[LauraJane]

I used the Simple Hooks plugin and added html code to the Genesis_before_loop hook.

Fortunately it pretty much worked. I'd like more space between the image and the post title. Is there a way to add some padding or margin using the plug in/html code or do I need to add an actual widget area there in order to use CSS to accomplish that?

Here's my site: http://www.SuperSweetLife.com

[buddy_boy8403]

Did you pull in a text widget and paste the ad code in the widget area?  If so, try encasing your ad code in this:

<div class="below-header-ad-banner">
..... ad code here.....
</div>

Then add the following to the bottom of you theme's style.css file:

.below-header-ad-banner .widget-wrap {
padding: 10px;
}

[Brad Dalton]

You can add Vertical and Horizontal spacing to images using the Advanced Image Settings

---

Tutorials for StudioPress Themes.

[kathiemt]

I'm looking to do the same thing but find that the luscious theme doesn't have a home.php file to put the second part to hook the featured widget as listed at http://www.briangardner.com/home-widget-area-eleven40/

Trying to figure out what else I can do.  Unfortunately just adding the first part made the site go white, invisible, even after removing the code.

The site I'm trying to do this to is http://redlandcityliving.com/

---

Kathie Thomas

[Brad Dalton]

I just updated a post on this.

Really not a great idea to edit template files when you can use custom functions.

You can add a custom function in your child themes functions.php file.

1. You can create a new widget

2. Or hook HTML in directly

Use any hook position

Please copy the code using the view raw link and paste it in child themes functions file using a code editor like Notepad++.

---

Tutorials for StudioPress Themes.

[Brad Dalton]

Forgot to add, change the 007 to blog or the name you use for your blog page.

Or you can add the page.i.d for your blog where 007 is.

---

Tutorials for StudioPress Themes.

[kathiemt]

ok, thanks, will give that a try.  Much appreciated.

---

Kathie Thomas

[Author]

Posts