Bloggerda Resimli Son Yazılar Eklentisi

Blogumuzun kenar çubuğunda en son yayınladığımız üç yazının resimli özet görünümünü göstermek için Yerleşim/ GatGet Ekle de HTML/JavaSript seçilir ve aşağıdaki kodlar buraya kopyalanır.

<script type="text/javascript">/*<![CDATA[*/

var show_rp_posts=3;

var show_rp_image=true;function show_rp_labelthumb(y){document.write('<ul class="rp-wrapper">');for(var L=0;L<show_rp_posts;L++){var z,E=y.feed.entry[L],H=E.title.$t;if(L==y.feed.entry.length){break}for(var D=0;D<E.link.length;D++){if("replies"==E.link[D].rel&&"text/html"==E.link[D].type){var G=E.link[D].title,F=E.link[D].href}if("alternate"==E.link[D].rel){z=E.link[D].href;break}}var x;try{x=E.media$thumbnail.url}catch(I){s=E.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_c_-biE77Q1kowOsMkIKFyqEYLKgKx5CYqTCq-IgP7uDkHanAnzw9m_v9YKqZWXvjZwDP3ybJ-kDTOhBJFcenqxO8JVb88js2xBpasdr3wh9UN5ccPYR4ZYp9uZbwXgRnm6TbP0q6HCbV/s1600/no-thumb.png"}var C=E.published.$t,K=C.substring(0,4),J=C.substring(5,7),q=C.substring(8,10),k=new Array;if(k[1]="Jan",k[2]="Feb",k[3]="Mar",k[4]="Apr",k[5]="May",k[6]="Jun",k[7]="Jul",k[8]="Aug",k[9]="Sep",k[10]="Oct",k[11]="Nov",k[12]="Dec",document.write('<li class="rp-list">'),1==show_rp_image&&document.write('<a href="'+z+'"><img class="rp-thumbnail" src="'+x+'"/></a>'),document.write('<div class="rp-title"><a href="'+z+'" target ="_top">'+H+"</a></div>"),"content" in E){var B=E.content.$t}var M="",j=0;document.write(M),document.write("</li>")}document.write("</ul>")};

/*]]>*/</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=show_rp_labelthumb"></script>

<noscript>Your browser does not support JavaScript!</noscript>

<style>

ul.rp-wrapper{list-style:none;padding-left:0;width:260px}

ul.rp-wrapper li{list-style:none;padding:25px 0;clear:both;overflow:hidden;border-bottom:1px solid #ddd;}

ul.rp-wrapper li:first-child{padding-top:15px}

ul.rp-wrapper li:last-child {border-bottom:0;padding-bottom:0}

ul.rp-wrapper li img.rp-thumbnail{float:left;width:72px;margin-right:15px;height:72px;padding:4px;border:1px solid #ddd;margin-top:4px;margin-bottom:4px}

ul.rp-wrapper li .rp-title{line-height:25px;}

</style>

Görüntü böyle olacaktır.