Blogger에서 인기있는 게시물의 외부 이미지 미리보기 이미지 표시

Question

Blogger에서 제공하는 Popular Post Widget이 있으며 인기있는 게시물의 첫 번째 이미지를 찾아서 블로그의 사이드 바에 표시 할 수 있습니다.

하지만 Blogger에 직접 업로드 한 이미지 만 찾을 수 있으며 외부 이미지 링크에서는 작동하지 않습니다. 내 생각은 어쩌면 자바 스크립트, 해당 코드를 편집하여 외부 이미지를 읽을 수있는 방법이 있을지 ... 궁금하네요

기본 코드를 생성 : 있기 때문에

<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> 
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'> 
    <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> 
     <div class='item-thumbnail'> 
      <a expr:href='data:post.href' target='_blank'> 
       <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'> 
        <img alt='' border='0' expr:src='data:image'/> 
       </b:with> 
      </a> 
     </div> 
    </b:if> 
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> 
    <b:if cond='data:showSnippets'> 
     <div class='item-snippet'><data:post.snippet/></div> 
    </b:if> 
</div> 

많은 b:if 및 data: 코드에서 정상적인 html 파일로 처리 할 수 ​​있는지 확실하지 않습니다.

Answer 1

위젯을 만들어 외부 이미지로 인기있는 게시물의 미리보기 이미지를 표시 할 수 있습니다. 모든 코드를 복사하고 위젯으로 추가하면 문제가 해결됩니다.

게시물의 첫 번째 이미지를 가져오고 내부 이미지와 외부 이미지 모두 잘 작동합니다.

코드 : GitHub