Hi Friends, Are you looking for a Mobile friendly Blogger templates for your News and Magazine blog in blogger? Download the Mago Blogger Template from here . Table Of Content Mago Blogger Template Template Price Template Features Conclusion FAQ So, let's know the features, details and price of this Blogger Template. Mago Blogger Template is a highly appealing theme that contains an amazing color combination. You can make use of various widgets available in this theme to make your own professional-looking blogs. Mago Blogger Template is a Lightweight and Adsense Friendly blogger template. It is also a responsive, SEO friendly and fast loaded. Along with this Mago Blogger Theme, many new features have been given. Google's best font has been used in Mago Blogger Template. Along with this, the font Awesome icons has also been used in it. It is specially design or made for News websites, this is a high quality theme with easy to setup features and functions. Mago Blogger Template
Hi friends in this post we will know How to make Blogger widgets visible in Blogger Mobile template?
In Blogger, the view on desktop computers and mobile devices are shown differently. By default, the template on mobile devices are stripped down and responsive. Not all sections or widgets displayed on desktop computers are visible on mobile devices. Most widgets manually added to Blogger will not be view-able on mobile devices. Adsense added from Blogger's Adsense widgets are visible however their display regions are only on the top and bottom of the page. Google Adsense code if added manually to the blog using Blogger HTML/JavaScript widget won't display on mobile devices. In order to show widgets visible on desktop to also show on mobile devices, including Google Adsense widgets, do the following changes.
How to enable widgets to display on mobile devices?
First, let's add a Blogger widget our self to test. Let's say we want to display a custom labels block.
Login to Blogger and click on LayoutClick "Add a gadget" and choose "Labels"Instead of all, let's select only a few labels to show.Save the widget.Check whether it appears on desktop (it should). Check whether it appeared on mobile (it won't).To display Blogger widgets view-able on desktops to also appear on mobile devices, do the following:
1. While still logged in to Blogger, click on Template / Theme, and then on Edit HTML
2. From the "Jump To Widget", click on the widget you are interested in (the newly added HTML/JAVASCRIPT widget will usually have a higher number. eg: HTML15).
We'll come to a code that looks like the one below:
<b:widget id='Label1' locked='false' title='Categories' type='Label' visible='true'>
To show this widget on mobile devices, just add " mobile='yes' " to the above line. So it now looks like:
<b:widget id='Label1' locked='false' mobile='yes' title='Categories' type='Label' visible='true'>
But entering the additional code, we are telling Blogger to display this widget on mobile devices also.
Repeat the above steps for any other widget which you would like to display on mobile devices.
3. After enabling all the widgets you need, SAVE TEMPLATE and go BACK.
4. In the TEMPLATE page, click on the "gear" icon under the MOBILE preview shown.
We have two options at "On mobile devices, show a mobile version of your current template".
Yes. Show mobile template on mobile devices. (choose this option)No. Show desktop template on mobile devices.5. Click to choose "Yes. Show mobile template on mobile devices."
6. Choose mobile template: Click and choose "CUSTOM".
Custom adapts your template customization to mobile. Be sure to preview your template.
7. Click SAVE.
After saving the changes, open the blog on mobile device and check. The widgets you enabled will now be displayed on the mobile device. This includes widgets such as popular posts, labels, others and even Google Adsense code added through HTML/JAVASCRIPT widgets.
Very helpful
ReplyDeleteThank you so much.