Style & Customize the Chitika | Premium WordPress Plugin

March 12th, 2009

16 comments

Posted in: Chitika | Premium, Front Page News, Publisher Tools, The Developers Grove

Our Chitika | Premium WordPress plugin has made it easy for so many of you to add Chitika | Premium to your blogs, but it is limited in customizations.

Not anymore! As of version 1.3 we’ve made it easy to customize more about the placement appearance of your ads.

You already know you can change the size, colors and placement (above and below) but with just a snippet of code added to your style.css file in your theme you can really make the display your own.

Add Space

Is your ad too close to the post?

Just add the following lines to your style.css file:

.chitika-adspace { margin: 10px 0;}

It will add some visual space, or white space, above and below the ad.

Center your Ad

Don’t like the way your ad looks aligned to the left? Why not center it?

Add this line to your style.css

.chitika-adspace { text-align:center; }

Your Ad Can Fly Right

Do you want your ad to appear to the right of your post?

There’s a couple steps to accomplish this:

1. First you’ll have to choose your placement to be above or both
2. Then choose an ad size with a smaller width
   For this placement style we recommend the 250×250 Square or 180 x 300 ad size

Once you’ve done that, just add the following line to your style.css file:

.chitika-adspace.aboveboth, .chitika-adspace.above  { float:right; margin:0 0 10px 10px; }

We also think this option looks cool with a 120 x 600 skyscraper ad (above positioning only) - it’s almost like adding a dedicated sidebar to display ads only to your search traffic!

CSS Classes For You CSS Pros

For those of you who are familiar with style sheets or coding style sheets the plugin now adds the following classes to the divs containing the ads:

• chitika-adspace (all ads)
• above (above only)
• below (below only)
• aboveboth (above when both are displayed)
• belowboth (below when both are displayed)

Have you done anything like this with your ads?

Tell us about your customizations in the comments below!

16 Responses to “ Style & Customize the Chitika | Premium WordPress Plugin ”

1. 
   Sidddd Says:
   March 12th, 2009 at 10:32 am

   very useful tips.. I would like to remove the border from ads? I heard all the account doesnt have this privilege!

2. 
   Dave Says:
   March 13th, 2009 at 11:13 am

   Is it possible to center the ad without installing the plugin? I tried inputting the code into my .css file and it didn’t seem to work.

3. 
   Terri (Chitika) Says:
   March 13th, 2009 at 1:03 pm

   @Dave what you can actually do is put the code inside a tag with the class ‘chitika-adspace’ and use the same code in the blog article.

   For example:

   <div class="chitika-adspace">
<!-- Place Chitika | Premium Code Here -->
</div>

   That should work just fine for you!

4. 
   Dave Says:
   March 13th, 2009 at 3:57 pm

   Thanks for that! I should really know that but am still on the steep php learning curve.

5. 
   Glen Says:
   March 14th, 2009 at 9:08 pm

   Great tips. will help me greatly with my blog.

6. 
   YONITED Says:
   March 21st, 2009 at 2:13 am

   thanks Terri for this nice tips
   i am using blog so i won’t get use of it
   i just want to say to you ” how much you are soo hot :D ”

   SIGNATURE
   marry me

7. 
   Kyanisunrise Says:
   March 21st, 2009 at 8:32 am

   This is great and very helpful. Thanks for sharing.

8. 
   Ecko Says:
   March 22nd, 2009 at 2:47 pm

   I’m Blogger user, so I think I can only dreaming to get such an ad wonderful placement on my blog.

9. 
   Aris Yulianta Says:
   April 1st, 2009 at 12:21 am

   awesome! you save my chitika’s life…

10. 
    suicidalsam Says:
    June 29th, 2009 at 6:59 pm

    wow, this is awesome.

    can someone tell me if i can place chitika ads “fly right” on certain posts only?

    another question,

    I have selected “Ad Placement - Above Posts (Recommended!)” but when i preview my ad using url/#chitikatest=keyword it still shows up on the bottom of my post? is this because I am just previewing the ad or will the real visitors also see it at the bottom??

11. 
    jinsen Says:
    July 2nd, 2009 at 6:55 am

    I have added this plugin to my site, but I am unable to preview it… I do not know whats wrong with. I have given my userid and the size also… but i cannot preview it…. can you help me?

12. 
    jinsen Says:
    July 2nd, 2009 at 6:57 am

    I would like to add this add only at my sidebar… how do I do it?

13. 
    watch videos Says:
    July 16th, 2009 at 4:48 pm

    this is awesome. thanks.

14. 
    HG Says:
    August 28th, 2009 at 7:26 pm

    In the first paragraph of each article I always have a large image or video, then in the next paragraph I start the text content.

    When I use:

    .chitika-adspace.aboveboth, .chitika-adspace.above { float:right; margin:0 0 10px 10px; }

    … the ad appears below the title, but above the first image, and not to the right of the content. The plugin would need to place the add in the second paragraph in my situation.

15. 
    Chitika | Premium ads Wordpress plugin! : Online Business Solution | Website Solution | e-Book provider | Software Reseller | Technical Information | SEO | Freelance services Says:
    October 10th, 2009 at 6:23 am

    [...] if you would like to customize the placement and size of your Chitika ads, you can visit here for more [...]

16. 
    jason Says:
    October 10th, 2009 at 1:39 pm

    Thanks for the ads. Jason

Leave a Reply

Name (required)

Mail (will not be published) (required)

Website

Notify me of followup comments via e-mail

The Chitika Blog uses Gravatar avatars to give a face to your comments, don't have one? Get a Gravatar!