Saturday, December 10, 2016

How To Make Your Blogger Blog Gadget Desktop Display On Screen Of Mobile Template

I recently changed my blog a cool and try to add gadgets to my new template, note that all my gadgets are not displayed in the mobile view but only in the desktop view. I felt sad because most visitors to a blog make use of mobile phones offering the view. After a few minutes, I decided to contact my friend "Google". I mentioned my problem and it fixed for me blog addressing a superior technology in Nigeria "Ogbongeblog".

For all bloggers I liked to add gadgets to your blog for bloggers to cool down. But my question is that you just installed a new template in your blog and after adding some gadgets have realized that these gadgets are not displayed in the mobile view but only in view of the desktop. You are in the right place, I am here to solve the problem for you. 

NOTE: This problem occurs in most models.

Yes, after adding a gadget to your blog through the design section, it will not be displayed. Why? Why is it because you have not allowed it to display in mobile mode. So I am all easy in this article done.

If you want a blogging blog widget in the mobile view of your blog is displayed, you should activate a "custom" portable model instead of using one of the default Blogger mobile templates. And below the snapshot:

The best way to do this is by adding 'yes' to <b: widget> widget in the html of your blog template when editing.

Now, suppose you used the HTML gadget / Javascript to add a message to your Blogger blog, but not shown in the view for mobile and to display in the mobile view of your blog.

Step 1: First, you must get the ID of the widget that is not in the mobile view. You can read how to get id from any Blogger widget for better understanding.

As seen in the previous snapshot, the id widget is HTML5.

Step 2: Then you go to "Template" >> "Edit HTML"

Step 3: Click the "Go to a widget" button in the Modify page templates and click the ID of the widget you want to display in the mobile view of your blog and automatically take the <b: widget> of the Widget.


<b:widget id='HTML31' locked='false' title='' type='HTML'>....</b:widget>

Step 4: Within the label and type  mobile ='yes' in front of 'fake'. Now your new code would now like this:

<b:widget id='HTML31' locked='false' mobile='yes' title='' type='HTML'>....</b:widget>

Sorry if the ID design is different from the model itself. Ignore the error image.

Step 5: Click "Save Template" to save your template. Now go to your site using mobile display by adding ?m =1 in front of your blog URL, for example,

The widget is now displayed in the mobile view. You can also apply this method to other widgets that you want to display in the mobile view. Is this useful? Leave your comments below!




'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + ''; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();