Как показать 'showItemThumbnail' в виджете Лента Blogger? - PullRequest
Новая
       5

Как показать 'showItemThumbnail' в виджете Лента Blogger?

0 голосов
/ 28 декабря 2018

Я ищу изображение, которое сопровождает заголовки публикации в виджете Лента в Blogger.Он не отображается среди параметров виджета, но я видел, что есть свойство, которое позволяет это (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'/>

Я ищу эти два стиля.

Стиль 1

Стиль 2

1 Ответ

0 голосов
/ 29 декабря 2018

Виджет канала 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.

Чтобы показать сообщения по меткам (тегам), используйте этот URL https://werplantillas.blogspot.com/feeds/posts/default/-/LabelName?alt=json-in-script&amp;callback=getPosts&amp;max-results=5

...