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

Community Forums Forums Design Tips and Tricks How do I get banner ad at the top of my blog?

This topic is: not resolved

This topic contains 10 replies, has 5 voices, and was last updated by  kathiemt 1 year, 5 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #9364

    LauraJane
    Participant
    Post count: 14

    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.

    #9369

    Susan
    Moderator
    Post count: 9295

    Try this:

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


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9370

    buddy_boy8403
    Participant
    Post count: 132

    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!

    #9634

    LauraJane
    Participant
    Post count: 14

    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-728×90.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

    #9636

    LauraJane
    Participant
    Post count: 14

    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

    #9688

    buddy_boy8403
    Participant
    Post count: 132

    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;
    }

    #9701

    braddalton
    Participant
    Post count: 10263

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


    #40734

    kathiemt
    Participant
    Post count: 119

    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/


    Virtual Assistant & Nature Photographer
    Kathie Thomas: VADirectoryClick here for Australian images

    #40752

    braddalton
    Participant
    Post count: 10263

    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++.


    #40767

    braddalton
    Participant
    Post count: 10263

    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.


    #40805

    kathiemt
    Participant
    Post count: 119

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


    Virtual Assistant & Nature Photographer
    Kathie Thomas: VADirectoryClick here for Australian images

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.