Posts Tagged ‘Sidebar’

How to center align ads in the sidebar

Every time I insert ads into my sidebar it will either align itself to the left or right of the sidebar which looks really ugly!

There is a quick and great fix to this problem if you are using Wp-Insert to insert ads into your sidebars.

Towards the bottom of the box you can see the “Ad Box CSS Styler” section which simply lets you add CSS style to the ad.

Add “text-align:center;” to the code there and click save.  Your sidebar ads should now be center aligned.

Share your ideas on how to improve this feature here.

[keyword id='1']

[keyword id='2']

How to create a blank space around ads in my blog

One of the first things we notice after inserting ads into our site content is that it is appearing too close to the site text and is making the site look bad.

This was one of the main concern from me while inserting ad above the post content or in the middle of it.

What I use to do was insert the ad manually into the template and enclose the ad code in a DIV and then style the DIV using CSS from the theme style sheet.

I often experiments with ad position and this was proving a highly time consuming and inefficient method.

With Wp-Insert you can style each individual ad block the way you want it.

I shall now create a margin of 10 pixels around the ad at the top of my post.  This process can be repeated for sidebar ads, template ads and other in post ad types too.

Towards the bottom of the box you can see the “Ad Box CSS Styler” section which simply lets you add CSS style to the ad.

Here Wp-Insert automatically assign the style values “margin: 5px;padding: 0px;” and these values are perfect fit with most themes out there. but you never know when you need to do that tiny bit of tweaking!

So I am going to assing a margin of 10px around the ad to make more space between the post and the ad content.

Click save and you have successfully increased the margin around the ads. In case you want a border around the ad type “border: 1px solid #000;” after the “margin: 10px;” part, Essentially the styles accepts all css styles so its pretty much your imagination at work here.

Thats it. Share your views and ideas on how to improve this feature with us.

How to insert Ads below your Post Content

Lets insert an adsense ad below the post content on your blog.

First of all pick an ad size suite to your post content area. I have selected an 468 x 60 text or image ad in adsense.

You have to copy the highlighted code to insert into your blog.

Now you have to log in to your wordpress admin section and look towards the end of the big wordpress menu to find the Wp-Insert section.

Click on “Manage Ads (Posts and Sidebars)” and you will be led to the Wp-Insert Manage ads page for In Post Ads and Sidebar Ads.

Now click on Ad – below post content to reveal the edit area.

Paste in the adsense code in the big box that says ad code and click “Click To Activate” button to activate the particular ad.

Then you have to click the Blue button at the bottom of the page which says “Save Changes”. Wait for the page to refresh.

Open your webpage and you will now be able to see the ads below above your post content.

How to insert Ads above your Post Content

Lets insert an adsense ad above the post content on your blog.

First of all pick an ad size suite to your post content area. I have selected an 468 x 60 text or image ad in adsense.

You have to copy the highlighted code to insert into your blog.

Now you have to log in to your wordpress admin section and look towards the end of the big wordpress menu to find the Wp-Insert section.

Click on “Manage Ads (Posts and Sidebars)” and you will be led to the Wp-Insert Manage ads page for In Post Ads and Sidebar Ads.

Now click on Ad – above post content to reveal the edit area.

Paste in the adsense code in the big box that says ad code.

Then you have to click the Blue button at the bottom of the page which says “Save Changes”. Wait for the page to refresh.

Open your webpage and you will now be able to see the ads appear above your post content.

How to insert Ads into your blog Sidebar

Unless you are running your own advertisement service you will have to sign up with an advertisement network like adsense or yahoo ad network.
Adsense is currently the most popular and widely used network and hence all of my walk-throughs about Ad-Management using Wp-Insert will be based on adsense codes.

After creating an adsense ad you will be led to a adsense page which will look similar to the one below.

You have to copy the highlighted code to insert into your blog.

Now you have to log in to your wordpress admin section and look towards the end of the big wordpress menu to find the Wp-Insert section.

Click on “Manage Ads (Posts and Sidebars)” and you will be led to the Wp-Insert Manage ads page for In Post Ads and Sidebar Ads.

Now Click on one of the Ad Widgets on the Right. Lets Click on Ad Widget : 1 and it will open up revealing a list of options

First You have to click “Click To Activate” button to activate the Ad widget.  Then enter a title (optional) for the ad widget I am entering “Advertisements” as the title. Then in the box below which says “Ad Code” you can enter the adsense code which we copied earlier. Then you have to click the Blue button at the bottom of the page which says “Save Changes”. Wait for the page to refresh. Ad Widget : 1 will look something similar to the one here

Now Click on the Widgets Menu under apperance

You will now see the widgets page similar to the one shown here

Drag the WP-Insert Ad Widget : 1 in to the sidebar of your choice

You are Ready to deliver ads through your blogs sidebar. That wasn’t difficult.. Was It?