How to make Blogger widgets to show different content between desktop and mobile view

Content of widgets can be customized between desktop and mobile view. This can be achieved by using a boolean variable of "data:blog.isMobile".

The example below demonstrate how a widget would shows different contents between desktop and mobile view by depending on the conditional value of "data:isMobile" variable.

<div class="widget-content">
  <b:if cond="data:blog.isMobile">
    <!-- Show a text link in mobile view.-->
    <a href="">
      Powered By Blogger
    <!-- Show an image link in desktop view.-->
    <a href="">
      <img expr:src="data:fullButton" alt="Powered By Blogger"/>

References or Credits:


Popular posts from this blog

How to recalibrate your Samsung Note 4 battery

How to import Tasker projects, profiles, tasks and scenes

How to turn your Windows 7 laptop or dekstop into a WiFi repeater or extender