Troubleshoot For Widgets, Comments Blog and Facebook On a Blog That Do Not Appear In Mobile Version



You may be surprised to see the big difference between mobile and desktop versions. On one side we often develop a blog via the desktop version, but when opened in a mobile version of its forms ancur: '(. Especially the part widgets and comments, but I have a few tips to resolve your problems.

First of all to practice this tutorian you have to go to the template code, with the way open your blog, and then select the blog you want to fix the problem, then select Template, and then edit the HTML.

For Widget That Do Not Appear In Mobile Version
To solve this problem quite easily, in a way menamba mobile code = 'yes' in the widget code. Example:
<b:widget id='PopularPosts1' locked='false' title='#TrandingTopic' type='PopularPosts'>
or:
<b:widget id='PopularPosts1' locked='false' mobile='no' title='#TrandingTopic' type='PopularPosts'>

Change To:
<b:widget id='PopularPosts1' locked='false' mobile='yes' title='#TrandingTopic' type='PopularPosts'>

For Comments Blog That Do Not Appear In Mobile Version
Easy enough to solve this problem, like the above who need to add a specific code, this time adding the code ".blogger-iframe-colorize {display: block! Important;}" before the code "</ style>" on element comment section.

For Comments Facebook That Do Not Appear In Mobile Version
I share this way I have tried on my blog, with slight modifications so that the width of facebook comments automatically adjust the screen size so as to better perform. If this does not work you can send a code template to me, and I fix it to suport a lot of templates.

1. Place the following code after the code <html>

Change Profile ID and App ID with your Facebook ID. Profile ID's to fill with facebook username. And for the App ID please visit https://developers.facebook.com/apps/ and create your own App ID.

2. Place the following code before the code </html>


3. Place the following code after the code <data: post.body /> (Normally the code is more than 2, you choose the latter wrote or try one by one). Tha mean place the following code after the code <div class = 'post-footer-line post-footer-line-3'> or after code <div class = 'post-footer-line post-footer-line-2 "> or after code <div class =' post-footer -line post-footer-line-1 '>.

4. And the last step, Save Template.

Related Posts:

0 Response to "Troubleshoot For Widgets, Comments Blog and Facebook On a Blog That Do Not Appear In Mobile Version"

Post a Comment