Blogspot Widget: Letzte Posts

Anzeige

Blogspot Widget Letzte PostsMit dem folgenden Blogspot  Widget können Sie letzte Posts z.B. im Sidebar anzeigen.
Die Einbindung vom Widget erfordert keine spezifischen Webmaster Kenntnisse.
Nachfolgend befindet sich der Code vom Widget.





Schritt 1)
In diesem Code bitte zuerst den roten Wert entsprechend Ihren Wünschen anpassen - dazu einfach im Code darauf klicken und anpassen (wie im Texteditor).
Wenn es mit Ihrem  Webbrowser nicht klappt, den Code hier auf itslot.de anzupassen, dann den Code kopieren, im Texteditor einfügen und dort anpassen.


<!-- Blogspot Widget: Letzte Posts v1.1 von itslot.de - Anfang-->
<p id="lastpostwidget"></p>
<script>
var AnzahlPosts = 3;
      
function loadRSSfeed() { var xmlHttpReq = new XMLHttpRequest(); xmlHttpReq.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { getLastPosts(this);} }; xmlHttpReq.open("GET", "/feeds/posts/default?alt=rss&max-results="+AnzahlPosts, true); xmlHttpReq.send(); }
function getLastPosts(xmlData) { var i, xmlDocument, item, title, titleLinkUrl, titlelink, description, descriptionOnlyText, descriptionShort, imageExist, SmallImageSrc, bigImageSrc, bigImage, bigImageWithLink;var summary = ""; xmlDocument = xmlData.responseXML; for (i = 0; i< AnzahlPosts; i++) { item = xmlDocument.getElementsByTagName("item")[i]; if (item) { title = item.getElementsByTagName("title")[0].childNodes[0].nodeValue; titleLinkUrl = item.getElementsByTagName("link")[0].childNodes[0].nodeValue; titlelink = "<a href="+titleLinkUrl+">"+title+"</a>"; description = item.getElementsByTagName("description")[0].childNodes[0].textContent; descriptionOnlyText = description.replace(/<[^>]*>/g, ""); descriptionShort = descriptionOnlyText.substring(0, 100);  imageExist = item.getElementsByTagNameNS('http://search.yahoo.com/mrss/', 'thumbnail')[0]; if (imageExist) { SmallImageSrc = item.getElementsByTagNameNS('http://search.yahoo.com/mrss/', 'thumbnail')[0].getAttribute('url'); bigImageSrc = SmallImageSrc.replace(/s72-c/g, "s1600"); bigImage = '<img style="width: 100%;" src="' + bigImageSrc + '" />'; bigImageWithLink = "<a href="+titleLinkUrl+">"+'<img style="width: 100%;" src="' + bigImageSrc + '" />'+"</a>"; summary += titlelink+"<br><br>"+bigImageWithLink+"<br><br>"+descriptionShort+"..."+"<br><br>";  } else { summary += titlelink+"<br><br>"+descriptionShort+"..."+"<br><br>"; } } }  document.getElementById("lastpostwidget").innerHTML = summary; } loadRSSfeed();
</script>
<!-- Blogspot Widget: Letzte Posts v1.1 von itslot.de  - Ende-->


Bedeutung von dem roten Wert:
AnzahlPosts - Anzahl von den letzten Posts, welche im Widget angezeigt werden.


Schritt 2)

Den angepassten Code auswählen und kopieren (z.B. mit Tastenkombination "Strg + C")


Die Einbindung von diesem Script in Blogspot erfolgt ähnlich wie von dem Widget Letzte Posts vom Label, deswegen bitte weitere Schritte analog wie in diesem Artikel  durchführen.


Falls der Script oder die Anleitung Fehler enthält, melden Sie diese bitte per Kommentare, ich passe es gerne bei der Gelegenheit an.

Kommentar veröffentlichen