Suchen

RSS Feeds mit Thumpnails in der Sidebar

Will man in der Sidebar die neusten Artikel auflisten, ist dies eigentlich nur möglich, das RSS-Feed Gadget bei Blogger.com dafür zu nutzen. Allerdings werden dann nur maximal 5 Beiträge angezeigt und weitere Einstellungen sind minimal. Die Anzeige von Vorschaubildern und/oder Textschnipsel in einer bestimmten Länge sind nicht möglich.

Mit dem unten stehenden Code kann die Anzeige von neuen Beiträgen ganz nach belieben angepasst werden. Der Code kann natürlich auch verwendet werden, wenn RSS-Feeds von einem anderen Blog in der Sidebar angezeigt werden sollen.

Wähle als neues Gadget für Deine Sidebar "HTML/JavaScript" und kopiere unten stehenden Code in das Textfeld:

<style type='text/css'>
img.recent_thumb {padding:1px;width:120px;height:120px;border:0;
margin:1px;}
.recent_posts_with_thumbs {width: 100%; margin: 1px 0px 1px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:1px;padding-top:1px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://yourjavascript.com/1159358112/www.mybloggertopic.blogspot.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;
</script>
<script src='http://dein-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

<style type='text/css'>Hier kann der CSS-Code nach Wunsch angepasst werden. zum Beispiel die Größe der Thumpnails.</style>


var numposts = wieviele Beiträge sollen angezeigt werden
var showpostthumbnails = Vorschaubild ja = true / nein = false
var displaymore = Anzeige von "mehr lesen" ja = true / nein = false
var displayseparator = Trennlinie zwischen den Beiträgen ja = true / nein = false
var showcommentnum = Anzahl der Kommentare ja = true / nein = false
var showpostdate = Datumsanzeige ja = true / nein = false
var showpostsummary = Textschnipsel anzeigen ja = true / nein = false
var numchars = Länge des Textes - Zeichenanzahl

RSS-Feed Link anpassen:

http://dein-blog.blogspot.com/feeds/posts/default <<< es werden alle neuen Beiträge angezeigt

http://dein-blog.blogspot.com/feeds/posts/default/-/privacy <<< es werden nur neue Beiträge von einem Label (Kategorie) angezeigt. privacy mit dem eigenen Label ersetzen.


 
Copyright © 2013. Blogger Tipps . All Rights Reserved | Published by Borneo Templates