How to Add Any Gadget to Blogger/Blogspot Mobile View

How to Add  Gadgets to  Blogger

All blogspot users, if am not wrong really want a way they can edit their blogspot mobile view.

This is one of the reasons why most blogspot users move to Wordpress because they allow their users to customize their mobile view using Mobilepress.

Well, blogger has enabled this feature and I think all bloggers should be happy now.

Here on this tutorial, I will show you how you can customize the defaults widgets and add gadgets to your mobile site. Here are the default widgets on your mobile site:


*. Header

*. Blog

*. Adsense

*. PageList

*. Profile

*. Attribution
You can customise your mobile template by adding the mobile='yes' on your widget tag in your HTML.

Other property attributes include, 'no', 'yes', and 'only'

If you want to hide a widget on the mobile site, just add the property mobile=with the attribute 'no' to its widget tag (example: mobile='no')

You will need to first of all change your mobile view to custom. Go to the Template page of your blogspot account click the settings for the mobile view. Set toYes. Show mobile template on mobile devices. Choose mobile template and select custom then save. Check the picture below for guidiance

How to Add  Gadgets to  Blogger
How to Add  Gadgets to  Blogger

Now let's try to hide the profile widget otherwise gadget from showing on your mobile site.

This is the original code for the Profile widget tag:

< b : w i d g et id='Prof ile1' l o c k e d ='false' title ='co n t r i b u t o r s ' t y p e = ' P r o f i l e ' >


To hide it from showing in the mobile view add the attribute mobile = ' n o' to its widget tag

< b : w i d g e t i d = ' P r o f i l e 1 ' l o c k e d = ' f a l s e'm o b i l e = ' n o ' t i t l e = ' c o n t r i b u t o r s ' t y p e = ' P r o f i l e ' >


Save your template and preview it with a phone.

You can do this for any widget you want to view on mobile. Insert 'yes' after mobile= to enable the gadget show the mobile view. Add 'only' to enable the gadget for mobile view only. You can ask questions by leaving a comment if you need help and please help us click the facebook share and twitter tweet button to share this post by saying thank you. God bless y'all

Comments

  1. Thanks for the update you gave, it was really on great help to me finishing up my content on how to download movies. Please do check out my platform on this same content through this link for more information https://www.techfiver.com/fzmovies/

    ReplyDelete
  2. Recently bought an amazing phone sanitizer Check out this UV Sanitizer

    ReplyDelete

Post a Comment

We love hearing from you, please drop your views here!