Blogger Externes Bild Miniaturansicht in beliebten Posts zeigen

Question

Es gibt eine Popular Post Widget von Blogger zur Verfügung gestellt, die das erste Bild der beliebten Beiträge finden und in der Seitenleiste Ihres Blogs anzeigen können.

Es können jedoch nur Bilder gefunden werden, die direkt in Blogger hochgeladen werden. Es funktioniert nicht auf externen Bildlinks. Ich frage mich, ob es einen Weg gibt, und bearbeite seinen Code das externe Bild zu lesen, vielleicht in Javascript denke ich ...

Der Standard generierten Code:

<!-- (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> 

Da gibt es so viele b:if und data: Im Code bin ich mir nicht sicher, ob ich es als normale html Datei behandeln kann oder nicht.

Answer 1

Ich habe unten ein Widget erstellt, das die Thumbnails beliebter Beiträge durch externe Bilder anzeigen kann. Kopieren Sie den gesamten Code und fügen Sie ihn als Widget hinzu, um das Problem zu beheben.

Es wird das erste Bild in den Posts, sowohl interne Bilder und externe Bilder funktionierte gut.

Code: GitHub