PDA

View Full Version : Best ad format for Evolution Theme


mytechguru
06-05-2008, 04:29 PM
Hi everyone . at the end of day we need some bugs income from our blog. Best ad format suite evolution theme :)

Which is 2 column Template.
which Best ad format at sidebar of the theme :)
which Best ad format above the comments :)
which Best ad format below <h2> [Title Post] above Main Content Area start.
& Last which best place for referral ads :)

Kevin
06-05-2008, 11:17 PM
120 ads probably fit best (see this thread (http://www.bloggingtips.com/forums/showthread.php?t=372)) on the sidebar
468x60 ad above comments
adsense in posts :)

mytechguru
06-07-2008, 02:44 AM
kevin did u mean Skyscraper (120x600) or Wide Skyscraper (160x600) @ right side sidebar ????????? or any format

Dartz
06-07-2008, 02:15 PM
kevin did u mean Skyscraper (120x600) or Wide Skyscraper (160x600) @ right side sidebar ????????? or any format

120x600 Skyscraper. One things for sure though, poor ad placement doesn't bother me one bit, mainly cause I use adblocker due to the sudden surge in popularity of ads with SFX on them.

surtoday
06-13-2008, 02:51 PM
i feel at sidebar 250*250 ads format suite best
https://www.google.com/adsense/static/en_US/images/imagead_250x250.gif

All Adsence Format can bee viewed here

https://www.google.com/adsense/static/en_US/AdFormats.html

Kevin
06-13-2008, 04:35 PM
kevin did u mean Skyscraper (120x600) or Wide Skyscraper (160x600) @ right side sidebar ????????? or any format

sorry
i meant 120x120 pixel ads

pikus
10-18-2008, 12:07 AM
I am having a problem adding the google adsense in the "text" widget in the evolution theme.

To show you the problem, try to go to www.erasmusinpoland.com/blog.

My FireFox seems to finish loading the page, but suddenly it becomes white and keeps on loading without end.
In Opera it loads the first time, but there are no more links working in the page.
With IE works.

If I delete this TEXT widget, the problem disappears.

I am trying with 200x200 and 250x250 ads.

sarahG
10-18-2008, 10:37 AM
You've currently got jQuery being loaded from two different sources. One is being loaded in the header manually, the second is being loaded by a form plugin and added via wp_head. I'd delete the first jQuery call and move the script call to theme.js to be below wp_head so that it isn't called until after jQuery is loaded.

You'll also need to edit your theme.js file for the line below

$(document).ready(function() {

to become

jQuery(document).ready(function($) {

This is just because of the way jQuery is set to work Within WordPress.

However, to be honest, I'm not even sure of the point of having theme.js. It just adds a few extra tags around things which seems wierd as to why they're added using JavaScript. You can dump theme.js if you follow my instructions in this page (http://www.bloggingtips.com/forums/showthread.php?t=425&page=3) on where to add the html tags in manually. Once you've done that you can remove the call to theme.js altogether.

Anyway, that'll clean your header up slightly and reduce the load time a little as loading jQuery twice isn't a great idea. It probably won't fix your Google AdSense issue. We're already discussed about how jQuery and Google video Ads don't seem to play well in Firefox here (http://www.bloggingtips.com/forums/showthread.php?t=425).

Try doing those changes and if it's still causing a problem then your best option is going to be to not load AdSense in Firefox, which you can control with a bit of PHP to check which browser is in use.

pikus
10-18-2008, 10:52 AM
How can I do the thing you described in the first 3 lines?
Here is a piece of my header:

<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<script src="<?php bloginfo('template_url'); ?>/js/jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>

<title><?php wp_title(' '); ?><?php if(wp_title(' ', false)) { echo ' -'; } ?> <?php bloginfo('name'); ?></title>
</head>

sarahG
10-18-2008, 10:58 AM
Change the above code to

<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->

<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>

<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>

<title><?php wp_title(' '); ?><?php if(wp_title(' ', false)) { echo ' -'; } ?> <?php bloginfo('name'); ?></title>
</head>

However, if you keep reading I've linked to another post I wrote which explains what theme.js actually does (adding a few additional HTML tags into the page) and how to just do this manually, then you can remove the theme.js script call too.

pikus
10-18-2008, 11:22 AM
After editing the php, in FF and Opera was ok. But there is now an error with IE.

See attachment.

Then I edited the theme.js, but the error is still coming.

The theme.js now
$jQuery(document).ready(function($) {
$(".menu a").wrapInner(document.createElement("span"));
$(".post").wrap("<div class='post_c'><div class='post_b'>" + "</div></div>");
$(".widget").wrap("<div class='widget_c'>" + "</div>");
$(".widget_c").append("<div class='widget_b'></div>");
$("#search").prepend("<h2 style='text-align: left;'>Search</h2>");
});

sarahG
10-18-2008, 11:33 AM
You've left the $ sign in on the first line of the theme.js file. It should just be jQuery not $jQuery

pikus
10-18-2008, 12:01 PM
Thank you, now it works fine. :D

Thank you, now it works fine. :D

Well.. I thought it was working fine.. it worked fine for some minutes with FF, but it stopped working.

With Opera I can click some links, and suddenly they don't work anymore.

---
The only thing I did was to add the position: relative; to .about img CSS, because I couldn't see the images in about me with IE.
---

Maybe I have some other mistakes in the cose...
<?php include(TEMPLATEPATH."/config.inc.php");?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->



<script type="text/javascript" src="<?php echo bloginfo(stylesheet_directory) .'/domtab.js'; ?>"></script>
<?php wp_head(); ?>

<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>



<title><?php wp_title(' '); ?><?php if(wp_title(' ', false)) { echo ' -'; } ?> <?php bloginfo('name'); ?></title>
</head>

<body>
<div class="container">

<div id="header">

<div id="headline">
<div id="headline_h1">


<?php if (is_home()) { ?>

<h1><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><?php bloginfo('name'); ?></a></h1>

<?php
} else { ?>


<h2><a href="<?php echo get_option('home'); ?>" title="<?php _e('Home'); ?>"><?php bloginfo('name'); ?></a></h2>

<?php } ?>




<div class="Desc"><?php bloginfo('description'); ?></div></div>
<div class="headerMenu">

<div class="rssIco">
<a href="<?php if($db_feedburner_address) { echo $db_feedburner_address; } else { bloginfo('rss2_url'); }?>"><img src="<?php bloginfo('template_url'); ?>/images/i_rss.jpg" alt="" /></a>
</div>

<div class="emailIco">
Subscribe by Email
<form action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=YOURIDHERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" name="email" class="field" /><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=YOURIDHERE" name="url"/><input type="hidden" value="NAMEOFYOURBLOGHERE" name="title"/><input type="hidden" name="loc" value="en_US"/> <input name="submit" type="submit" class="newsbutton" value="SUBSCRIBE" /></form>
</div>

</div>
</div>

<ul class="menu">
<li class="page_item page_item_1 <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a></li>
<?php wp_list_pages('title_li=&depth=1' ); ?>
</ul>

</div><!-- end #header -->

<div class="clear"></div>

<div style="margin:0; "><img src="<?php bloginfo('template_url'); ?>/images/content_t.gif" alt="" /></div>


jQuery(document).ready(function($) {
$(".menu a").wrapInner(document.createElement("span"));
$(".post").wrap("<div class='post_c'><div class='post_b'>" + "</div></div>");
$(".widget").wrap("<div class='widget_c'>" + "</div>");
$(".widget_c").append("<div class='widget_b'></div>");
$("#search").prepend("<h2 style='text-align: left;'>Search</h2>");
});

sarahG
10-18-2008, 01:23 PM
As already mentioned. The problem is jQuery or something within that. Try the following

1. Remove the call to the theme.js file. Things will change slightly on your site but if the theme.js file is at fault then we can fix the other issues. If that fixes the problem then see my earlier post about manually adding in the tags to the files instead of using theme.js to do it.

2. If removing theme.js doesn't fix it then disable your contact form plugin as that is what's loading jQuery. Now see if the ads work in Google. if they do then you either need to find a new contact form plugin (You can get a ready made page template along with instructions on it from http://www.bloggingtips.com/2008/08/24/create-a-contact-page-i/). Otherwise, as originally suggested, you'll have to switch adsense off for Firefox users, which if you want I can give you the code to do.

pikus
10-18-2008, 04:12 PM
do you mean the post n. 23? I don't understand what I have to do. Maybe it's because of my English. What do you mean with "wrap"?
Can you explain it in other words? Maybe a little example, and say in which file/fies I have to operate?:o

sarahG
10-18-2008, 07:16 PM
Okay, let's go through this step by step

In your header.php file remove the line

<script src="<?php bloginfo('template_url'); ?>/js/theme.js" type="text/javascript"></script>

Don't worry about the minor changes to the site. It's just a temporary thing. Does Firefox still not load the page, or has that solved the problem?

pikus
10-18-2008, 08:25 PM
:D :D That was the only thing I understood, and FireFox is working, Opera and IE as well :)

What next?

P.s. The issue with the Calendar has been solved, it was some kind of pain to edit the php, but thanks to you it is working fine and pretty looking.

sarahG
10-18-2008, 09:20 PM
Hmm, interesting. So it's not a jQuery issue but the theme.js is causing the problem.

Okay so now we need to add the code that the theme.js file was doing. So to start, you need to wrap

<div class='post_c'><div class='post_b'>...</div></div>

Around any content contained by a .post class. This means, for example, in your index.php file you need add to the line

<div class="post" id="post-<?php the_ID(); ?>">

and put the first part before this ie.

<div class='post_c'><div class='post_b'>
<div class="post" id="post-<?php the_ID(); ?>">

and then put the two closing div tags after the closing div tag for the post ie.

</div><!-- end .post -->
</div></div>

So what I've done is 'wrapped' the <div class="post" id="..">...</div> in the additional code, which is what the JS file was doing. So you'll need to find any div with a class of post, put the two opening divs before it and post two closing divs after the closing div associated with that div.

Next step is elements with a class of widget. Although the only thing I can see with a class of widget is a list item and JS wraps a div around it which isn't valid. So instead you need to do a little bit of editing in the sidebar.php file and the CSS file.

First off, in your sidebar.php file replace

<li class="widget">
<?php include("tabs.php"); ?>
</li>

with

<li class="widget_c">
<div class="widget">
<?php include("tabs.php"); ?>
</div>
<div class='widget_b'></div>
</li>

then in your CSS file, around line 417, find the .widget selector down to the .widget ul selector, and replace that with the following

.widget {
background: url(images/side_h1.jpg) no-repeat;

}
.widget_c {
background: url(images/widget_pat.gif) repeat-y;
}
.widget_b {
border-bottom: 1px solid #DADCCE;
margin-bottom:20px;
}

.tabcont {
padding: 9px 13px 5px 15px;
}

.domtab {
padding: 6px 0 0 20px;
}

.widget ul {
list-style-type: none;
margin: 5px 10px 0 0;
width: 100%;
}

Then you need to find the tag with an id of 'search' and put the following code before it. I couldn't find it in the files I looked in so you'll need to do a search in every file to find it.

<h2 style='text-align: left;'>Search</h2>

Finally, there's one last change which you may or may not need to do. The JS file puts <span>...</span> around every anchor text contained within anything with a class of menu. Looking at your site it's not something you should need to worry about as I don't think you're making use of this change so I won't go into how to add it.

Hopefully that all makes sense!

pikus
10-18-2008, 10:23 PM
I wrapped the <div class="post" .... in

404.php
page.php
index.php
single.php


But I have a question. I put this code around <div class="post" id="post-<?php the_ID(); ?>">, but down there is also <div class="post" id="commentArea"><?php comments_template(); ?></div>

Do I have to put wrap it in this second part of the code as well?

===========
I found the "search"it in the sidebar.php, please confirm whether I put it in the right place, because now that I saved it, you can see that in the lens of the search bar, there is something strange:
<div class="about_bottom"></div>
</li>

<li class="widget_search">
<h2 style='text-align: left;'>Search</h2>
<form id="searchform" action="<?php bloginfo('url'); ?>" method="get">
<div>
<input id="s" type="text" size="15" name="s" /><br />
<input type="submit" value="" />
</div>
</form>
<div class="clear"></div>
</li>

And another little thing... why the white didn't appear in the other widgets?

sarahG
10-18-2008, 10:36 PM
1. Yes you need to put the additional code around any div with a class of post, so the comment form too.

2. The h2 code was to go before a tag with an id of 'search', you've put it before a form with an id of 'searchform'. As I said, I did search through the obvious files and couldn't find it, sidebar.php included. It's somewhere else, perhaps in your search.php page?

3. Ahh sorry I didn't have the other boxes on my test version so didn't think about those. You need to put after the h2 in each of these other boxes

<div class="widget_c tabcont">

and close it just before the closing li tag (</li>)

That will put in the correct background and padding as it was before.

pikus
10-18-2008, 11:14 PM
How does a tag look like? What should be written?

I found this in the searchform.php:
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<label class="hidden" for="s"><?php _e('Search for:'); ?></label>
<div><input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

in the search.php there is only <h2 class="pagetitle">Search Results</h2> ... .... ....<h2 class="center">No posts found. Try a different search?</h2>


==
What do you mean with putting this code after the H2 in each of these boxes? What boxes are you talking about? In which file?

==
Why now the cathegories/recent appear in a different way? Now there is a lot of space between them. And i IE this space is much much bigger. But if you see the widget "links", you can see that the space is little and in IE appears almos in the same way as in Opera and FF

sarahG
10-19-2008, 01:07 PM
Forget the search title then. It doesn't seem like it's that important anyway.

What do you mean with putting this code after the H2 in each of these boxes? What boxes are you talking about? In which file?

The boxes you were talking about in your post in your sidebar (you called them widgets I think). I can't give you any code to look at as I'm guessing you're possibly using a dynamic sidebar? If not then you need to post your sidebar.php code here then I can explain further. However, to explain without code... a 'tag' is a HTML tag eg <h2>, <p>, easily recognised by the diamond brackets on either side.

In your code on the side you currently have

<li id="tag_cloud" class="widget widget_tag_cloud"><h2>Tags</h2>
<a href='http://erasmusinpoland.com/blog/tag/cracow/' class='tag-link-6' title='1 topic' rel="tag" style='font-size: 8pt;'>cracow</a>
...
</li>

And this needs to become


<li id="tag_cloud" class="widget widget_tag_cloud"><h2>Tags</h2>
<div class="widget_c tabcont">
<a href='http://erasmusinpoland.com/blog/tag/cracow/' class='tag-link-6' title='1 topic' rel="tag" style='font-size: 8pt;'>cracow</a>
...
</div>
</li>

So I've put the opening div after the h2 title and a closing div before the closing li tag.

As for the additional spacing. Nothing's that's been changed should have affected that, however you can play with the margins by targeting the list items in the tabs ie

.tabcont ul li {
margin: 0;
}

Add that to your CSS and then alter the top and bottom margin if you want any spacing in there.

pikus
10-19-2008, 02:14 PM
Please apologize, I am trying to give my best to make you not lose time, but I am learning a lot in so little time.

The code you mentioned "<li id="tag_cloud" class="widget widget_tag_cloud"><h2>Tags</h2>" I couldn't find it in any php of theme, only in the html from the browser, maybe it is dynamic as you said. I don't know, just installed the theme, and added the widgets from the basic installed wordpress, nothing more.

The code of my sidebar is <div id="rightcolumn">
<ul id="sidebar">


<li>
<div class="about">
<h3>Erasmus in Poland</h3>
<p><img src="<?php bloginfo('template_url'); ?>/images/author.jpg" alt="" />

Everything you need to know about the events in Warsaw, news and help to study, have fun and finding a job. We will keep you up-to-date, you can ask us questions, and we will reply with the best effort to make you like Poland and the life here. </p>

<br />
<br />
<p style="text-align:center; font-weight:bold;"> You will be proud to say:</p>
<br />
<p style="text-align:center; font-weight:bold; text-decoration:underline;"> "I was Erasmus in Poland". </p>
<br /><br />

<!--
<a href="http://feeds.feedburner.com/ErasmusInPoland"><img src="http://erasmusinpoland.com/blog/wp-content/themes/evolution/images/feed-icon-blue.png" </a>
-->

<p align="left">
We will add here every news! The best way to get them all is to subscribe to our Feed RSS. <br /><br /> >>

<a href="http://feeds.feedburner.com/ErasmusInPoland">
Be our usual reader, take the feed and use it with your favourite browser! </a> </p>


</div>

<div class="about_bottom"></div>
</li>

<li class="widget_search">

<form id="searchform" action="<?php bloginfo('url'); ?>" method="get">
<div>
<input id="s" type="text" size="15" name="s" /><br />
<input type="submit" value="" />
</div>
</form>
<div class="clear"></div>
</li>


<li class="widget_c">
<div class="widget">
<?php include("tabs.php"); ?>
</div>
<div class='widget_b'></div>
</li>



<?php /* Widgetized sidebar, if you have the plugin installed. */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

<?php endif; ?>

<!-- end #sidebar -->
</ul>
</div><!-- end #rightcolumn -->


====
I added the:.tabcont ul li {
margin: 0;
} and now the links are a bit nearer between them. It's ok.

But the thing that changed is that there is now too much space between the top and the beginning of the links as you can see from the screenshot.
I tried to add "margin: top 0px" to the links and nothing changed.
I also tried to add a "margin: bottom 0px" to the .tabcont {, and still nothing.

But, when I tried to /* comment */ the .tabcont {
padding: 9px 13px 5px 15px;
} the margin on the top is less, but I think something else should be changed, because commenting this padding, the "hover" doesn't look nice.

As you can see from the screenshot, this squere is a little moved to the right, maybe we should move it to the left-up.

sarahG
10-19-2008, 03:05 PM
Your dynamic widgets could therefore be the reason for the theme.js file then. Sorry I don't use dynamic widgets and don't know how to edit the code for them.

So you've got a couple of options. Have it as it is, without a background on your additional widgets, revert back to how the theme was originally and switch the adsense off fore Firefox users, or alter the design/look of the dynamic widgets.

As for the additional padding on the top of the list, the CSS you posted

.tabcont {
padding: 9px 13px 5px 15px;
}

Can be edited manually. The order of pixels is top, right, bottom, left, so if you want to remove some top padding, reduce the 9px to something less eg. 5px or 0 if necessary.

pikus
10-19-2008, 03:48 PM
So if we cannot edit the background of the widgets, can we change the background of the categories from white to grey or transparent?

So that it will fit with the color of the widgets - grey.

sarahG
10-19-2008, 04:00 PM
You can do if you remove the <div class="widget">..</div> that you added in to each tab several posts back.

silent_thunder
10-21-2008, 07:55 PM
I suggest you try all the ad formats!! Choose the one which performs well not the one which looks good!! If your content is good people will come back regarless of how it looks so concentrate on performance!! My sugesstion is go with large rectangular ads 300x..that will get you more clicks

hey why dont you install wampserver and try making the changes on your computer instead!!

athlon24
10-24-2008, 03:37 AM
If your content is good people will come back regarless of how it looks so concentrate on performance!! My sugesstion is go with large rectangular ads 300x..that will get you more clicks

I think looks is still important. You don't need to overwhelm your blog with lots of advertisement because if that is the case, your reader will most likely think that you just want to make money and not to give valuable information. And also if you use, google adsense, make it sure that it conforms to you design. Change its borderline and background. :D

ap4a
10-24-2008, 01:11 PM
First impressions count and most web users won't return to a site that overwhelms them with badly positioned and designed adverts. I know I won't.