Question

我正在寻找Blogger小部件Feed中出版物标题随附的图像。它没有出现在窗口小部件的选项中，但是我看到有一个允许它的属性（showItemThumbnail，带有true和false值）。我添加了它，但看不到任何东西。有什么建议，或者可以使用javascript完成吗？我想通过“标签”显示其内容以及其图像和标题。我留下了代码和正在寻找的图像。非常感谢你！

 <b:widget id='Feed1' locked='false' title='' type='Feed'>
<b:widget-settings>
  <b:widget-setting name='feedUrl'>https://werplantillas.blogspot.com/feeds/posts/default</b:widget-setting>
  <b:widget-setting name='openLinksInNewWindow'>true</b:widget-setting>
  <b:widget-setting name='numItemsShow'>3</b:widget-setting>
  <b:widget-setting name='showItemDate'>false</b:widget-setting>
  <b:widget-setting name='showItemAuthor'>false</b:widget-setting>
<b:widget-setting name='showItemThumbnail'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
  <span style='filter: alpha(25); opacity: 0.25;'>
    <a expr:href='data:feedUrl'><data:loadingMsg/></a>
  </span>
</div>
<b:include name='quickedit'/>

我正在寻找这两种样式。

Style 1

Style 2

Answer 1

Blogger供稿窗口小部件不支持缩略图，但您可以使用JavaScript和Blogger json供稿来调整自己的窗口小部件，如下所示：

<div id="container"></div>

<script>
//<![CDATA[
function getPosts(json) {
	var posts = "";
	for (var i = 0; i < json.feed.entry.length; i++) {
		var title = json.feed.entry[i].title.$t;
		var url = json.feed.entry[i].link.pop().href;
		var thumbnail = json.feed.entry[i].media$thumbnail.url;
		posts += "<div><a href='" + url + "'><img src='" + thumbnail + "'>" + title + "</a></div>";
	}
	document.getElementById('container').innerHTML = posts;
}
//]]>
</script>

<script src="https://werplantillas.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=getPosts&amp;max-results=5"></script>

要设置帖子数，请更改max-result参数。

要按标签（标签）显示帖子，请使用以下网址https://werplantillas.blogspot.com/feeds/posts/default/-/LabelName?alt=json-in-script&callback=getPosts&max-results=5

如何在Blogger小部件Feed中显示“ showItemThumbnail”？

1 个答案: