小部件博主未出现在移动视图中答案

【问题标题】：Widget blogger doesn't appear in mobile view小部件博主未出现在移动视图中
【发布时间】：2015-02-23 13:31:26
【问题描述】：

我尝试在我的博客模板上添加小部件，并且我做了它应该做的事情，小部件出现在我的网站中，但为什么它没有出现在移动视图中？

实际上，我想添加 Facebook like box 小部件。我做了 Facebook 告诉我的所有事情：

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
var js, fjs = d.getElementsByTagName(s)[0]; 
if (d.getElementById(id)) return; 
js = d.createElement(s); js.id = id; 
js.src = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;appId=[MyAppId]&amp;version=v2.0&quot;;
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

我还将插件小部件的代码放置在我的页面上将出现的位置：

<div class="fb-like-box" data-href="[MyFbPageUrl]" data-width="250" data-height="200" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>

但当我在移动设备上查看我的博客时，该小部件确实没有出现。我是否应该添加一些额外的代码以使它们出现，我将不胜感激。

*顺便说一句，模板是我自己从零开始制作的。

【问题讨论】：

标签： html xml facebook widget blogger

【解决方案1】：

我阅读了您的帖子，根据您的说法，它出现在桌面上，但没有出现在移动视图中。您可以通过以下步骤使其在一秒钟内出现：

转到博客并导航到布局。
编辑包含上述代码的小部件。
查找小部件的ID...您可以在打开的窗口的链接中找到小部件的ID。
找到后转到模板并编辑它。
点击跳转到小部件...并选择您在步骤 3 中找到的 id。
当你跳转到小部件时你会看到这一行：

b:widget id='HTML9'locked='false' title='' type='HTML'
只需添加这个 mobile='yes' 整个行应该如下所示

b:widget id='HTML9' locked='false' title='' mobile='yes' type='HTML'
保存您的模板，您就完成了...现在在您的手机中查看您的博客。

如果小部件仍然无法显示，请点击以下链接。

来源链接：http://101helper.blogspot.com/2014/07/how-to-show-widget-in-mobile-view-in.html

【讨论】：

非常感谢法希姆。使用您的说明最终在手机中显示精选帖子。它可以工作（至少适用于 Custome 移动主题）。