Birthday

July 14, 2012 is TipRicks's Birthday, Please Prepare and Send Good Wishes to its team!

UnderStood
TipRicks is under maintenance! If you found any error please let us know. Contact Us ×

Hello!

Click one of our representatives below to chat on WhatsApp

Support Customer Service Center
+923084774257
You can also send us an email to support@tipricks.com
Hello! What can I do for you?
×
How can I help you?

How to Hide or Display Widgets in Mobile Device

SHARE:

This post explain how to hide or display widgets in mobile device for blogspot without using 'Display:none'

As we know in accordance with the development of today's mobile devices has become the basic needs of everyone as a communication tool that provides many benefits for us all.

Still in touch with this, after the Google Mobile-Friendly Algorithm was updated on April 21, 2015, ago. Many webmasters create Mobile Friendly and responsive sites for faster and more convenient access via mobile devices. Obviously, this is a positive step and as the initial foundation for building a website, for the next step live how we manage the site.

Okay, blogger tips this time I will give tips on how to hide or display a widget in a blog on a mobile device. This trick can indeed be done by adding CSS display: none tag on certain widgets that want to be hidden on a mobile device with a certain resolution, but there are better and more practical that is the way I will give below

Notice
This trick applies only to smartphone devices only and will not affect tablet, iPad, and other devices.

Hiding Widgets in Mobile Device

First, please open the template editor in your blog. Then specify what widgets will be hidden from the mobile device, for example here I will hide the HTML1 widget inside the template by writing conditional tags like this

[<B: if cond = 'data: blog.isMobileRequest == "false"'>

<B: widget id = 'HTML1' locked = 'false' title = '' type = 'HTML' version = '1' visible = 'true'>
 -----
</ B: widget>
</ B: if>]

Displays Widgets in Mobile Device

And if you want to display widgets only on mobile devices only you can change the false value in the code above to be true

[<B: if cond = 'data: blog.isMobileRequest == "true"'>

<B: widget id = 'HTML1' locked = 'false' title = '' type = 'HTML' version = '1' visible = 'true'>
 -----
</ B: widget>
</ B: if>]

Next, save the template and see the results.

Well, how? Quite easy is not it. So much from me about How to Hide or Display Widgets in Mobile Device. Hopefully useful for all buddies, thank you. 

This article "How to Hide or Display Widgets in Mobile Device" is protected by




Was this article helpful?

Thanks! Your feedback will help us to improve our Services.

COMMENTS

BLOGGER
Need help? Contact to our support center at +92 308 477 4257
Name

Agriculture PPT Templates,2,AI Tools,1,Amazon,1,AskTipRicks,9,Blogger,48,Blogger-SEO,6,Blogger-Templates,1,Blogger-Tutorials,32,Blogger-Widgets,11,Blogging-Tips,7,Books,1,Business,1,Computer PPT Templates,1,Computer-Tutorials,1,Creative-PowerPoint-Templates,2,Digital Marketing,1,Domain,1,Ecommerce,1,Facebook,4,Free-Mobile-Data,1,Freenom,1,General,7,Google-Adsense,4,Google-Analytics,2,Google-Classroom,3,Instagram,2,Internet,1,Interviews,1,Islamic PPT Templates,1,jQuery,1,Marketing,1,Medical PPT Templates,1,Microsoft-Word,3,Mobile-Marketing,1,Motivation,1,MS Word,1,News,25,News-Updates,26,Oppo-Mobile-Features,1,PDF,1,PowerPoint-Templates,7,Resume-Templates,2,Reviews,3,SEO,8,Social-Media,6,Tech-News,15,TrueCaller,1,Twitter,1,Videos,24,Vlogging,1,Web-Hosting,1,Whatsapp,3,WordPress,8,WordPress-SEO,1,WordPress-Themes,1,WordPress-Tutorials,4,Youtube,5,
ltr
item
TipRicks Blog: How to Hide or Display Widgets in Mobile Device
How to Hide or Display Widgets in Mobile Device
This post explain how to hide or display widgets in mobile device for blogspot without using 'Display:none'
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFE26pfgCZRzDHde2zCaaCZp1lVW8PQ5BCeZYWRsXKb3L9bYV65XrPmQE3w3T32cl6mk7m54BDeH5h2Qgrz8ZjWBuMG22BS7fl9-3M8BP5WtqNXMEoAfnJHk65flnBUmaUss0dXpZ6b8z/s320/hide-or-display-widgets-in-mobile-device.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFE26pfgCZRzDHde2zCaaCZp1lVW8PQ5BCeZYWRsXKb3L9bYV65XrPmQE3w3T32cl6mk7m54BDeH5h2Qgrz8ZjWBuMG22BS7fl9-3M8BP5WtqNXMEoAfnJHk65flnBUmaUss0dXpZ6b8z/s72-c/hide-or-display-widgets-in-mobile-device.jpg
TipRicks Blog
https://blog.tipricks.com/2017/06/hide-or-display-widgets-in-mobile-device.html
https://blog.tipricks.com/
https://blog.tipricks.com/
https://blog.tipricks.com/2017/06/hide-or-display-widgets-in-mobile-device.html
true
7070217950916442682
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy