• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Sidebar - Google advert

tommydamic68

Well-known member
#3
Use the ad_sidebar_below_visitor_panel.
is this the right div for the border?

Code:
<center><xen:hook name="ad_sidebar_below_visitor_panel" /><div class="sectionMain"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sidebar adver -->
<ins class="adsbygoogle"
     style="display:inline-block;width:200px;height:200px"
     data-ad-client="ca-pub-25xxxxxxxxxxxxx"
     data-ad-slot="425555555"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div></center>
 

Brogan

XenForo moderator
Staff member
#4
I personally don't use center but that will work.

This is mine:
Code:
<xen:hook name="ad_sidebar_below_visitor_panel" />

<xen:if is="in_array({$contentTemplate}, array('forum_list', 'cta_featuredthreads_featured'))">
    <xen:include template="cta_countdown_forum_sidebar" />
</xen:if>

<style type ="text/css">
.sidebar-below-visitor-panel-dynamic {
width: 250px;
height: 250px;
}
</style>

<xen:if is="!{$visitor.user_id}">
    <xen:if is="!in_array({$contentTemplate}, array('search_results'))">
        <xen:if is="@enableResponsive">
            <div class="section">
                <div class="secondaryContent">
                    <div style="height: 250px; padding: 5px auto;">
                        <div style="text-align: center">
                            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                            <!-- Sidebar Below Visitor Panel - Dynamic -->
                            <ins class="adsbygoogle sidebar-below-visitor-panel-dynamic"
                                 style="display:inline-block"
                                 data-ad-client="ca-pub-1234567890"
                                 data-ad-slot="45454545"></ins>
                            <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        <xen:else />
            <div class="section">
                <div class="secondaryContent">
                    <div style="height: 250px; padding: 5px;">
                        <div style="text-align: center">
                            <script type="text/javascript"><!--
                            google_ad_client = "ca-pub-9876543210";
                            /* Sidebar Below Visitor Panel */
                            google_ad_slot = "56745656";
                            google_ad_width = 250;
                            google_ad_height = 250;
                            //-->
                            </script>
                            <script type="text/javascript"
                            src="//pagead2.googlesyndication.com/pagead/show_ads.js">
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </xen:if>
    </xen:if>
</xen:if>
 

tommydamic68

Well-known member
#5
I personally don't use center but that will work.

This is mine:
Code:
<xen:hook name="ad_sidebar_below_visitor_panel" />

<xen:if is="in_array({$contentTemplate}, array('forum_list', 'cta_featuredthreads_featured'))">
    <xen:include template="cta_countdown_forum_sidebar" />
</xen:if>

<style type ="text/css">
.sidebar-below-visitor-panel-dynamic {
width: 250px;
height: 250px;
}
</style>

<xen:if is="!{$visitor.user_id}">
    <xen:if is="!in_array({$contentTemplate}, array('search_results'))">
        <xen:if is="@enableResponsive">
            <div class="section">
                <div class="secondaryContent">
                    <div style="height: 250px; padding: 5px auto;">
                        <div style="text-align: center">
                            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                            <!-- Sidebar Below Visitor Panel - Dynamic -->
                            <ins class="adsbygoogle sidebar-below-visitor-panel-dynamic"
                                 style="display:inline-block"
                                 data-ad-client="ca-pub-1234567890"
                                 data-ad-slot="45454545"></ins>
                            <script>
                            (adsbygoogle = window.adsbygoogle || []).push({});
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        <xen:else />
            <div class="section">
                <div class="secondaryContent">
                    <div style="height: 250px; padding: 5px;">
                        <div style="text-align: center">
                            <script type="text/javascript"><!--
                            google_ad_client = "ca-pub-9876543210";
                            /* Sidebar Below Visitor Panel */
                            google_ad_slot = "56745656";
                            google_ad_width = 250;
                            google_ad_height = 250;
                            //-->
                            </script>
                            <script type="text/javascript"
                            src="//pagead2.googlesyndication.com/pagead/show_ads.js">
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </xen:if>
    </xen:if>
</xen:if>
Thanks - where do I find the background color here in the image. not the ad - the background color behind it.

Screen Shot 2014-01-05 at 8.20.39 AM.png