Blogger 5 Farklı Son Yazılar Eklentisi - blogger recent posts widget

#blogger #bloggersonyazılar #bloggerrecentpostswidget

Aşağıda 5 farklı güzel blogger son yazılar eklentisi listelemeye çalıştım. Kurulumları oldukça basit bir şekilde yaparak hemen blogunuzda kullanmaya başlayabilirsiniz. Kodları paylaşmadan önce kurulumu bilmeyen arkadaşlar için kurulumu anlatayım.

1. Blogunuzun yönetim paneline girin. Sol menüden "Yerleşim" seçeneğini tıklayın. ardından varsa yan barda bir "HTML Gatget" ine açarak seçtiğiniz son yazılar eklentisinin kodlarını ekleyerek "Kaydet" butonuna tıklayın. Yok ise "Gatget Ekle" kısmına tıklayarak açılan ekrandan "HTML Gatget" in yanındaki küçük "+" işaretine tıklayarak sidebar kısmına ekleyin ve ardından seçtiğiniz son yazılar eklentisinin kodlarını ekleyerek "Kaydet" butonuna tıklayın.

2. Tüm işlemler bu kadar son olarak sağ üst kısımda yer alan "Kaydet" butonuna tıklayarak "Yerleşim" kısmında yapmış olduğunuz değişiklikleri kaydedin ve son yazılar eklentinizi kullanmaya başlayın.

Videolu Anlatım

Blogger Son Yazılar Eklentileri ve Kodları

<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="http://www.beytullahgunes.com/2016/12/blogger-5-farkl-son-yazlar-eklentisi.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}
</style></div>