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

By

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="http://www.blogger.com">
      Powered By Blogger
    </a>
  <b:else/>
    <!-- Show an image link in desktop view.-->
    <a href="http://www.blogger.com">
      <img expr:src="data:fullButton" alt="Powered By Blogger"/>
    </a>
  </b:if>
</div>

References or Credits:
http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html

Comments

Post a Comment

Thank you for visiting Almost a Technocrat. Due to many spam comments, your comment will be moderated.

Popular posts from this blog

How to recalibrate your Samsung Note 4 battery

By
Image
After more than year using the Samsung Galaxy Note 4, I have notice that the battery life seems to be deteriorating. The phone shut down at around 20% of battery level. I was thinking of buying a new battery but I remember I read somewhere on the internet that the battery can be recalibrated to restore the correct reading. That would be the first thing I should do before I decided to get a new battery.

Keep reading

How to import Tasker projects, profiles, tasks and scenes

By
Image
Tasker is a very powerful Android smartphone automation application. Although Tasker can practically do anything you want, you still have to learn how to create the automation. I know many of you out there are just plain lazy or no time to pick up the skill. Many had relied on Tasker users shared automation projects, profiles, tasks or scenes to quickly kick start your automation without hassle. I am sharing most of my Tasker automations in this blog for the benefit of the lazy Tasker people (no offence, i am one of them too).

The Tasker automations that i am sharing in this blog are just the exported xml files. Most probably i will not be writing the "step through" like some other websites did but you can download and import the xml files using Tasker. It's easy enough. You can tweak my automation to suite your need.

This post will show you how to import Tasker automation xml files into your Tasker application.
Keep reading

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

By
Image
This is how you can create a WiFi repeater or extender access point (AP) using Microsoft Windows 7 operating system without using any 3rd party software. This is very useful when you are in an area where internet WiFi access point reception is weak for your mobile gadgets (smartphones or tablets) but not for your laptop or desktop. The WiFi adapters that are built-in your laptops or desktops are more powerful in reception quality compare to your mobile gadgets hence you could use your laptops or desktops as a WiFi repeater of extender for your mobile gadgets.

Keep reading