博客响应模板的移动条件标签

时间:2014-06-12 22:31:58

标签: blogger blogspot

如果我不想在blogger mobile中显示元素,我可以在博客条件标签中使用真或假的陈述。

<b:if cond='data:blog.isMobile == &quot;false&quot;'> //Contents inside this, will only appear in Desktop version. </b:if>

但是有没有办法在具有特定分辨率的手机中使用非活动元素; e.i:(240 * 320)?或者,有没有办法让不支持adsense的低级浏览器的特定元素无效(e.i:Opera Mini为240 * 320)?

1 个答案:

答案 0 :(得分:1)

没有原生的博客标签可以阻止为较小的屏幕呈现广告。

但您可以使用CSS3媒体查询在较小的屏幕中隐藏广告。

为adsense广告块添加唯一ID或类名。

例如:

<div id="mobileAdsenseAds">

  // your adsense ad code here

</div>

如果您使用博客小工具添加了广告,则可以通过查看“编辑HTML”标签或在浏览器中查看来源来获取CSS ID。

在CSS中:

@media all and (max-width: 240px) {

  /* For hiding adsense ads */
  #mobileAdsenseAds { 
     display: none; 
  }

}