Blogger 模板 Essential 右侧增加AdSense区域

Blogger 模板 Essential 右边有2个长条状的Google Adsense区域. 我觉得我的页面会比较长, 所以足够添加第3个Adsense区域. 那么就要修改Blogger的模板文件了

修改Blogger模板

查找 class='vertical-ad-container' 找到

<b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>

下面的<b:widget > ... </b:widget> 就是Adsense区域了

可以看到这里有AdSense1和AdSense2. 在整个模板文件里还有一个AdSense3, 是位于侧边栏. 所以我们在AdSense2的下方添加一个AdSense4. 

...</b:widget>
<b:widget id='AdSense4' locked='true' title='' type='AdSense' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
                    <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
                    <b:widget-setting name='style.layout'>1x1</b:widget-setting>
                    <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
                    <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
                    <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
                    <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
  <div class='widget-content'>
    <b:if cond='data:adCode'>
      <data:adCode/>
    <b:else/>
      <b:include name='defaultAdUnit'/>
    </b:if>
  </div>
</b:includable>
                  <b:includable id='defaultAdUnit'>
          <b:comment>Clear out style (needs to be a non-empty string)</b:comment>
          <b:with value='&quot;/* Done in css. */&quot;' var='style'>
            <b:include name='super.defaultAdUnit'/>
          </b:with>
        </b:includable>
                </b:widget>                
              </b:section>

最终效果