How To Put An Ad At The Top Of Your Weebly Site
Saturday August 24, 2013 | Comments
Step 1. Open Weebly's HTML/CSS Editor
Click on Design at the top of the page, and then click on Edit HTML/CSS on the right side of the page.
Step 2. Select your site's layout
Select the Page Layout your site uses on the left.
Note: If you use multiple page layouts for your site, you will need to perform this process for each individual page layout that you use. The ad will only appear on the page layouts you customize.
Step 3. Add HTML Code
Add this HTML Code right after <div id="header-top">, but before <table id="header">:
<div id="ad" align="center"></div>
Step 4. Add your ad's code
Add your ad's code to the HTML code you just added as indicated below:
<div id="ad" align="center">Add Your Ad's Code Here</div>
Step 5. Add CSS Code
Click on main-style.css on the left, and scroll all the way to the bottom.
Add the following CSS code so there is a little space between your ad and the top of your site:
You're done! Publish your site
Details of Project
Level of difficulty: Beginner
Time to complete: 5 Minutes
How To Install Any Font Into Your Weebly Site
Updated on June 20, 2016
How To Create A Sidebar That Will Appear On Every Standard Weebly Page
Updated on June 11, 2016
How To Create An "<h1>" Tag In Your Weebly Site
Updated on July 9, 2016
Weebly Tricks on Facebook
Weebly Tricks on Google+