Re: Werbung mit Bordmitteln platzieren (Adsense)
Posted: Mon Jan 04, 2010 8:14 pm
Hallo,
nun sind wir schon so weit, dass die adsense Werbung mit folgendem Code über die Felder "Ads01, Ads02 und Ads03 im Blogeintrag angezeigt wird. 
Bei längeren Blogbeiträgen würden wir gerne mehrere Werbefelder einfügen. Zu dem bereits vorhandenen "Ads02" würden dann also im besten Fall noch die Werbefelder "Position 3" und "Position 4" wie oben zu sehen, hinzukommen. Der Text soll diese zusätzlichen Felder natürlich auch wie bei "Ads02" zu sehen per float: right; bzw. float: left; umfließen.
Das haben wir unter anderem mit folendem Code versucht:
Das Ergebnis sieht dann so aus

...und nun zur entscheidenden Frage
:
Was müssen wir tun, damit die Platzierung der Werbefelder "Ads02" und "Ads03" denen der "Position 3" und "Position 4" in Bild 1 entspricht (also nicht nebeneinander sondern untereinander ?
Anbei noch unsere CSS Befehle die wir in die style.css eingefügt haben.
Wünsche noch einen ruhigen Abend und friert euch nicht die Zehen ab 
nun sind wir schon so weit, dass die adsense Werbung mit folgendem Code über die Felder "Ads01, Ads02 und Ads03 im Blogeintrag angezeigt wird.
Code: Select all
<div class="entry">
{if $entry.categories}
<span class="serendipity_entryIcon">
{foreach from=$entry.categories item="entry_category"}
{if $entry_category.category_icon}
<a href="{$entry_category.category_link}"><img class="serendipity_entryIcon" title="{$entry_category.category_name|@escape}{$entry_category.category_description|@emptyPrefix}" alt="{$entry_category.category_name|@escape}" src="{$entry_category.category_icon}" /></a>
{/if}
{/foreach}
</span>
{/if}
{$entry.properties.ep_ads01}
{$entry.body}
{if $entry.is_extended}
<div class="serendipity_entry_extended"><a id="extended">
{$entry.properties.ep_ads02}
</a>{$entry.extended}</div>
{$entry.properties.ep_ads03}
{/if}
{if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
<p><a class="more-link" href="{$entry.link}#extended">{$CONST.VIEW_EXTENDED_ENTRY|@sprintf:$entry.title}</a></p>
{/if}
Bei längeren Blogbeiträgen würden wir gerne mehrere Werbefelder einfügen. Zu dem bereits vorhandenen "Ads02" würden dann also im besten Fall noch die Werbefelder "Position 3" und "Position 4" wie oben zu sehen, hinzukommen. Der Text soll diese zusätzlichen Felder natürlich auch wie bei "Ads02" zu sehen per float: right; bzw. float: left; umfließen.
Das haben wir unter anderem mit folendem Code versucht:
Code: Select all
<div class="entry">
{if $entry.categories}
<span class="serendipity_entryIcon">
{foreach from=$entry.categories item="entry_category"}
{if $entry_category.category_icon}
<a href="{$entry_category.category_link}"><img class="serendipity_entryIcon" title="{$entry_category.category_name|@escape}{$entry_category.category_description|@emptyPrefix}" alt="{$entry_category.category_name|@escape}" src="{$entry_category.category_icon}" /></a>
{/if}
{/foreach}
</span>
{/if}
{$entry.properties.ep_ads01}
{$entry.body}
{if $entry.is_extended}
<div class="serendipity_entry_extended"><a id="extended">
{$entry.properties.ep_ads02}
{$entry.properties.ep_ads03}
</a>{$entry.extended}</div>
{/if}
{if $entry.has_extended and not $is_single_entry and not $entry.is_extended}
<p><a class="more-link" href="{$entry.link}#extended">{$CONST.VIEW_EXTENDED_ENTRY|@sprintf:$entry.title}</a></p>
{/if}
...und nun zur entscheidenden Frage
Was müssen wir tun, damit die Platzierung der Werbefelder "Ads02" und "Ads03" denen der "Position 3" und "Position 4" in Bild 1 entspricht (also nicht nebeneinander sondern untereinander ?
Anbei noch unsere CSS Befehle die wir in die style.css eingefügt haben.
Code: Select all
/* ------------------------------------- main content area */
/*google-ads*/
.ads01{
float: left;
padding: 3px;
border: 1px solid #00CCFF;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 10px;
}
.ads02{
float: right;
padding: 3px;
border: 1px solid #00CCFF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
.ads03{
float: left;
padding: 3px;
border: 1px solid #00CCFF;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 10px;