How to make Blogger widgets to appear in mobile view


Blogger widgets can be controlled to be available in mobile view (<blogger site url>?m=1) by using attribute "mobile" in "<b:widget>" tag. The value of the attribute can be:

  • default
  • yes
  • no
  • only

Widgets that are displayed on mobile by default are the following:
  • Header
  • Blog
  • Profile
  • PageList
  • AdSense
  • Attribution
Examples:

The following widget will not be available in mobile view, because it’s a BlogArchive widget.
<b:widget id='BlogArchive1' title='Blog Archive' type='BlogArchive'>

To make it available in mobile view, add mobile=’yes’ attribute to it.
<b:widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'>

Setting mobile to 'no' makes a widget not display in mobile view, even if available in mobile view by default.
<b:widget id='Attribution1' mobile='no' title='Attribution' type='Attribution'>

You can also make a widget available only in mobile view by setting it to 'only'. The widget will not appear in the layout setting. So before setting the widget to "only", set it to "yes" first and experiment with the positioning on mobile view using the layout settings. Once satisfied, set the widget to "only" and the widget is exclusive for mobile view.
<b:widget id='BlogArchive1' mobile='only' title='Blog Archive' type='BlogArchive'>

[18 Sept 2012]
Use mobile='only' with care. Please refer to:
https://productforums.google.com/forum/?fromgroups=#!topic/blogger/1f_3elWgba0

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

Comments

  1. website designDecember 29, 2013 at 8:55 PM

    Looked for an easy way to do this, and found it! Thank you so much!! All other sites I found were too confusing. You made it so simple to do and I love what I have created!
    website design

    ReplyDelete
  2. JasonickJanuary 13, 2014 at 8:22 AM

    I couldn't do it

    ReplyDelete
  3. Khurram ShahzadNovember 4, 2014 at 10:25 AM

    Thanks you its work great for me

    ReplyDelete
  4. Boon SeongJanuary 6, 2016 at 2:43 AM

    You can use desktop chrome and inspect element to find out where does it comes from in the code.

    ReplyDelete
  5. AnonymousMarch 8, 2016 at 1:38 PM

    Thanks! It worked indeed.. Fix your re-captcha btw..... it doesn't tell you what you need to select.

    ReplyDelete
  6. preciousMarch 1, 2017 at 3:30 AM

    it doesn't work for me. please check it out thanks.

    ReplyDelete
  7. preciousMarch 1, 2017 at 3:32 AM

    it doesnt work for me.help pls

    ReplyDelete

Post a Comment

Popular posts from this blog

City Code Table for Casio SGW300HD-1AV Watch

Image
This city codes are provided in the watch user manual but for the ease of references in the web, I put this table in this blog in case i wanted to refer to it using my smartphone. Hope you find this useful. Code City UTC/GMT offset (hours) WLG Wellington 12 NOU Noumea 11 GUM Guam 10 SYD Sydney 10 ADL Adelaide 9.5 SEL Seoul 9 TYO Tokyo 9 KUL Kuala Lumpur 8 HKG Hong Kong 8 SIN Singapore 8 BJS Beijing 8 PER Perth 8 TPE Taipei 8 BKK Bangkok 7 RGN Yangon 6.5 DAC Dhaka 6 KTM Kathmandu 5.75 DEL Delhi 5.5 KHI Karachi 5 KBL Kabul 4.5 DXB Dubai 4 THR Tehran 3.5 JED Jeddah 3 DOH Doha, Qatar 3 MOW Moscow 3 BGW Baghdad 3 HEL Helsinki 2 ATH Athens 2 ANK Ankara 2 ...
Read more

How to force only 4G or LTE network connection for Samsung Galaxy Note 4

Image
This is how to enable Samsung Galaxy Note 4 to force use only 4G (LTE) network connection for high speed internet data. There is a built-in switch in the smartphone that will enable the smartphone to force use only either 3G (WCDMA) or 2G (GSM) network connection but, there is no switch at all to enable the smartphone to force use only 4G (LTE) network connection. Video Tutorial This is screen video record to show you how to do it. If you prefer screenshots, please skip this video and scroll after the video. Screenshots Tutorial If you are clueless about the existing settings that enable you to switch network mode, goto “Settings > More networks > Mobile networks > Network mode”. Steps: Step 1 : From the phone dialer, dial *#2263# and the smartphone will bring you into the “Service Mode” screen like below. Step 2 : Select “[4] LTE BAND PART1 []” and the smartphone will bring you into a screen to select the types of LTE mode. Step 3 : Select “[1] LTE ALL []” to force the smartp...
Read more

Mounting NFS share directory from D-link DNS 320L on Ubuntu 12.04 LTS

Image
Seems like the steps on how to get the NFS mount point from the D-Link DNS 320L NAS server were not properly documented in their user manual. After setting up and enabled the NFS service on the D-Link DNS 320L NAS server, I went ahead to setup and mount the share directory/folder in Ubuntu 12.04 LTS assuming the mount point in NAS was /Volume_1/... but that is not the correct mount point to start with! Found this answer from D-Link forum post from a member (ba43123) that helped me to correctly mount the NFS share directory/folder on Ubuntu 12.04 LTS: After spending most of the last hour on the phone with D-Link Technical Support, I came away with the recommendation to take my Mac (which has successfully connected to a number of NFS shares in the past) to Apple to determine if the network settings for NFS are correct.  This is mostly due to the fact that the people who are taking the calls have no information about NFS in their scripts and Knowledge Base so they are at a total loss...
Read more