MyBB Community Forums

Full Version: How to add Banner?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How to add banner to Forum??
This is My Forum - http://ginidal.22web.org/

  1. Firstly, log onto your myBB Admin Panel.

  2. Now, move on to Templates and Styles tab.

  3. Choose Templates from the Left Pane.

  4. Now, choose the Template used by your Theme. I’m using the default theme for this guide. So, select it accordingly.

  5. From the Template Sets, choose Header Templates.

  6. Now select Header from the sub-menu.

  7. You will be taken to the editor. Now, find <div class=”logo”>and insert the following code exactly before the Logo Div is closed (See Screenshot):
    <div class=ads>
    INSERT AD CODE HERE
    </div>


  8. [Image: placing-DIV.jpg]

    1. Now, replace INSERT AD CODE HERE with the advertisement code from your Ad Provider (Adsense or Any other). Recommended size is for a 468×60 banner. Larger sizes might break off the main template.

    2. Now, click Save and Return to Listing.

    3. We’ve inserted the banner. Now we just need to set alignment and location of the banner through css. So, select Themes from the left pane.

    4. From the available themes, select your Theme Name. (Again, I’m using the default theme. So, there might be changes in the available functions.)

    5. Now, under the Edit Stylesheets tab, select global.css from the list of stylesheets.

    6. Now select Edit Stylesheet: Advanced Mode tab.

    7. Move the end of the file and insert the following code there:
    8. [Image: css.jpg]
      1. You can modify the Padding and margin to suit your theme. The above setting works fine for the default theme. Click Save changes and Close, when you’re done editing.

      2. The advertisement must show up correctly and properly aligned.
    9. PS: In some cases (generally when you have some controls present just below the Ad banner) the banner might push those controls to the left to make space for itself. To solve that issue, just add <br/><br/> in the Template after the div with advertisement to break them to the next lines (See Screenshot).
    10. [Image: breaks-500x104.jpg]