Blogger gadget για οποιαδήποτε ανάρτηση σε οποιοδήποτε blog

Δοκίμασε αυτή την έκδοση. Είναι πιο απλή και πιο συμβατή:👇

<div class="single-post-widget"

data-post-url="https://gloobtop.blogspot.com/2026/07/blog-post_45.html">

</div>

<script>

(function(){

document.querySelectorAll(".single-post-widget")

.forEach(function(box){

let postUrl = box.dataset.postUrl;

let blog = new URL(postUrl).origin;

let callback =

"callback_" + Date.now();

window[callback]=function(data){

let entries =

data.feed.entry;

if(!entries){

box.innerHTML="Δεν βρέθηκε ανάρτηση";

return;

}

let found=null;

entries.forEach(function(post){

let links=post.link;

links.forEach(function(l){

if(l.rel=="alternate" &&

l.href==postUrl){

found=post;

}

});

});

if(!found){

box.innerHTML="Δεν βρέθηκε η ανάρτηση";

return;

}

let title=

found.title.$t;

let img="";

if(found.media$thumbnail){

img=

found.media$thumbnail.url

.replace(

"s72-c",

"s800"

);

}

box.innerHTML=`

<a href="${postUrl}" class="post-card">

<div class="post-image">

<img src="${img}">

</div>

<div class="post-info">

<h3>${title}</h3>

<span>

Διαβάστε περισσότερα →

</span>

</div>

</a>`;

delete window[callback];

};

let s=document.createElement("script");

s.src=

blog+

"/feeds/posts/default?alt=json-in-script"+

"&max-results=500"+

"&callback="+callback;

document.body.appendChild(s);

});

})();

</script>

Το μόνο που αλλάζεις είναι:

data-post-url="ΤΟ LINK ΤΗΣ ΑΝΑΡΤΗΣΗΣ"

και αφήνεις όλο τον υπόλοιπο κώδικα ίδιο.

Μερικές μικρές συμβουλές για να μην έχεις προβλήματα:

Το link πρέπει να είναι το πλήρες URL της ανάρτησης και όχι η αρχική σελίδα του blog.

Το blog πρέπει να είναι δημόσιο (όχι ιδιωτικό).

Αν μια ανάρτηση δεν έχει εικόνα, η κάρτα θα εμφανιστεί χωρίς εικόνα.

-------------------------------------------------------------------------------------------------------

Μπορείς επίσης να βάλεις πολλές κάρτες στην ίδια σελίδα απλώς αντιγράφοντας:

<div class="single-post-widget"

data-post-url="LINK_1">

</div>

<div class="single-post-widget"

data-post-url="LINK_2">

</div>

<div class="single-post-widget"

data-post-url="LINK_3">

</div>

και ο ίδιος κώδικας θα φορτώσει όλες τις αναρτήσεις αυτόματα. Καλή συνέχεια