How To Customize,Edit And Show any Gadgets On Blogger Mobile Template -
About some weeks ago after I had created my first blogger account, I used to have this similar problem on how to go about my Mobile display of my blog, I wanted to make my blog look more professional in sense of beauty and eye catching interface.
Recommended:5hot-secret-for-creating-free-blog-and make cool cash
On like the Desktop view of your blog template in which any gadgets can appear or display when viewed on your blog,it's kind of different on the other hand of the mobile view, this article will give you step by step procedures on how you will be able to customize,show and edit your blogger mobile template with easy.
Since Blogger came up with the mobile view template option, it is now possible to easily edit and design a blogger mobile template, You can choose or decided which widget you want to appear in the mobile view and which ones should be displayed on both blogger desktop and mobile templates.
In a default blogger mobile template the primary widgets that appears are:
1.Header
2.Blog
3.Profile
4.PageList
5.AdSense
6.Attribution
If you want to edit or state which gadgets or widgets you want to appear on a mobile or desktop view, they are three WAYS to perform this operation which includes :
•mobile=’yes’ – This allows any widget to shows on mobile view .
•mobile=’no’ – This allows any widget to hide on mobile view but display on the desktop view .
•mobile=’only’ – This allows any widget to only show on mobile view
Below are step by step procedures in getting this done.
Recommended Learn how to host -and-set up-a-domain-name for your blog
How To Customize,Edit And Show any Gadgets On Blogger Mobile Template
• How To Set Mobile View To Custom
Firstly Note:To be able to fully activate any change you make in Blogger mobile template view , you will need to first switched to "Custom "Step 1. Login into your blogger account with your email and password
Step 2. Goto>>Theme>>mobile, and click on the gear box under it.
Step 3. Choose Yes show mobile view on mobile devices
Step 4. Change the "default" to "custom" and the save.
Most read:How-to-add-keywords-in-blogger-post-for seo
•How to customize gadget of mobile view
Step 1. Click on layout >>Add gadgets >> add any gadgets of your choice
Step 2.Now, you need to get the "id" of the widget as highlighted below:
Step 3.Goto>>Theme>>Edit Html
Step 4. Click on "Jump To Widget " and click on the id of the widget you want to show on the mobile view of your blog. This will take you directly to the
<b:widget> tag of the widget.
Example :
<b:widget id='HTML7' locked='false' title='' type='HTML'>....</b:widget>
Step 5.Click inside the tag and type mobile='yes'
Example :
<b:widget id='HTML7' locked='false' mobile='yes' title='' type='HTML'>....</b:widget>
Note: If you want the gadgets to only show or appear on the mobile view, you type mobile='only'
Step 6. Save and preview.
Hope it wasn't that hard, let us know if it works for you, and if you have any questions drop it at the comment section. Thank your for
Show some love share this post and subscribe to our blog.
0 comments:
Post a Comment