Resimli Son Yazılar Eklentisi

Resimli Son Yazılar Eklentisi

Blogger gün geçtikçe daha fazla kullanıcının katılımıyla daha hızlı gelişmeye ve değişmeye devam ediyor. Özellikle bireysel çabalarla güzel tasarım ve eklentilerin çıkması gün geçtikçe bu servise olan sevgimi arttırıyor. Bazı blogların sidebarında “Son Yazılar” eklentisini görmüşsünüzdür. Bu bölümde bloglarındaki son X yazıyı gösterirler.

Son yazılar eklentisi bazı blogger'lar tarafından pek tercih edilmese de görselliğe önem veren birçok blogger tarafından tercih edilmekte. Resimli Blogger Son yazılar eklentisi ile ziyaretçilerinizin sayfalarınız arasında daha fazla gezinmesini ve bu sayede blogunuzu daha yakından tanıyıp, daha fazla yazınıza ulaşmasını sağlayacaktır. Kim bilir belki de size daha fazla takipçi kazandırabilir. Kurulumu çok basit.

Resimli son yazılar eklentisini blogunuza eklemek için aşağıdaki kodları kendinize göre düzenleikten sonra Blogger kumanda panelinde Yerleşim > Gadget Ekle > HTML/JavaScript gadget yolunu izleyerek pencereye yapıştırmanız yeterli olacaktır.
Eklentinin Demosunu Hemen Sağ ana sayfada Görebilirsiniz
 <h2 class='title'>Son Yayınlar</h2>  
 <div class='widget-content'>  
 <script type='text/javascript'>//<![CDATA[  
 $(document).ready(function() {  
  // change the dimension variable below to be the pixel size you want  
  var dimension = 100;  
  // this identifies the PopularPosts1 div element, finds each image in it, and resizes it  
  $('.recent_posts_with_thumbs').find('img').each(function(n, image){  
   var image = $(image);  
   image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});  
   image.attr('width',dimension);  
   image.attr('height',dimension);  
  });  
 });  
 //]]></script>  
 <script type='text/javascript'>  
 //<![CDATA[  
 function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){  
 if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}  
 if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)  
 {  
 s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){  
 thumburl=d;} else thumburl='http://1.bp.blogspot.com/-v45dgAnX3H4/TxvVHISv35I/AAAAAAAAAZs/6VycwMKI-KE/s320/noimage.png';  
 }  
 var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');  
 if(showpostthumbnails==true)   
 document.write('<img class="recent_thumb" src="'+thumburl+'" title="'+posttitle+'" alt="'+posttitle+'"/>');  
 document.write('<b><a class="alink" href="'+posturl+'" title="'+posttitle+'" target ="_top">'+posttitle+'</a></b><br>');  
   if ("content" in entry) {  
    var postcontent = entry.content.$t;}  
   else  
   if ("summary" in entry) {  
    var postcontent = entry.summary.$t;}  
   else var postcontent = "";  
   var re = /<\S[^>]*>/g;   
   postcontent = postcontent.replace(re, "");  
 if (showpostsummary == true) {  
    if (postcontent.length < numchars) {  
      document.write('<i>');  
      document.write(postcontent);  
      document.write('</i>');}  
    else {  
      document.write('<i>');  
      postcontent = postcontent.substring(0, numchars);  
      var quoteEnd = postcontent.lastIndexOf(" ");  
      postcontent = postcontent.substring(0,quoteEnd);  
      document.write(postcontent + '...');  
      document.write('</i>');}  
 }  
 var towrite='';var flag=0;  
 document.write('<br><strong>');  
 if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}  
 if(showcommentnum==true)   
 {  
 if (flag==1) {towrite=towrite+' | ';}  
 if(commenttext=='1 Comments') commenttext='1 Comment';  
 if(commenttext=='0 Comments') commenttext='Add Comment';  
 commenttext = '<a class="alink" href="'+commenturl+'" target ="_top">'+commenttext+'</a>';  
 towrite=towrite+commenttext;  
 flag=1;  
 ;  
 }  
 if(displaymore==true)   
 {  
 if (flag==1) towrite=towrite+' | ';  
 towrite=towrite+'<a class="alink" href="'+posturl+'" title="'+posttitle+'" class="url" target ="_top">Devamı -></a>';  
 flag=1;  
 ;  
 }  
 document.write(towrite);  
 document.write('</strong></li>');  
 if(displayseparator==true)   
 if (i!=(numposts-1))  
 document.write('<hr size=0.5>');  
 }document.write('</ul>');  
 }  
 //]]>  
 </script>  
 <script>  
 var numposts = 5;  
 var showpostthumbnails = true;  
 var displaymore = true;  
 var displayseparator = true;  
 var showcommentnum = true;  
 var showpostdate = false;  
 var showpostsummary = true;  
 var numchars = 70;  
 </script>  
 <script src="http://wepblogger.com/feeds/posts/default/?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs" type="text/javascript"></script>  
 </div>  
Özelleştirmeniz gereken yerler ve ayarlar:
* numpost = Kaç adet yazının gösterileceğini belirler. En fazla 25 yazı görüntülenir.

*showpostthumbnails
= Resimlerin gösterilip gösterilmeyeceğini belirler. Kapatmak için true yerine false yazabilirsiniz.

*displaymore = “Devamı” linkinin gösterilip gösterilmeyeceğini belirler. Açmak için false yerine true yazabilirsiniz.

*showpostdate = Yazı tarihlerinin gösterilip gösterilmeyeceğini belirler. Açmak için false yerine true yazabilirsiniz.

*showpostsummary = Yazının bir kısmının gösterilip gösterilmeyeceğini belirler. Kapatmak için true yerine false yazabilirsiniz.

*numchars = Eğer yazının bir kısmını görüntüleme açıksa ilk kaç karakterin gösterileceğini belirler.
* wepblogger.com = Buraya kendi blog veya site adresinizi yazın.

Daha Fazlası: RSS Feed | Email Aboneliği Yayın Sayısı :