Son Yazılar ve Son Yorumlar Eklentileri

Olayı hiç javascript dosyalarınızı hostunuza yükleyin olaylarına girmeden anlatacağım. Çünkü blogger kullanıcılarının büyük bir çoğunluğu javascript dosyalarını yükleyebilecekleri host bulmakta zorlanıyorlar.

Blogger Son Yazılar
İlk anlatacağım şey son yazılar widgetini blogunuza eklemek. Bunun için blogunuzun "Sayfa Ögeleri" kısmında yeni widget olarak "HTML/Javascript" widgetini seçmeniz, ve onun içerisine alttaki kodu kopyalamanız yeterli.

<script style="text/javascript">
function showrecentposts(json) {
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 == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
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";
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 (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
document.write(posttitle);
document.write('<br/>');
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
}
}

var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 250;
var standardstyling = false;
</script>
<script src="http://www.siteadresiniz.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Kodun içerisinde kırmızı yazdığım yerleri düzenleyebilirsiniz kendinize göre. Nasıl mı? Şu şekilde:

var numposts = 10;
Yukarıdaki değişkenin karşısındaki sayı son yazılar widgetinizde kaç tane yazının gösterileceğini belirtiyor. Bu sayıyı arttırabilir veya azaltabilirsiniz.

var showpostdate = false;
Burada ise true veya false kullanarak değişkenimizi değiştiriyoruz. Son yazılar widgetinde yazıların yazılma tarihlerinin görüntülenmesini istiyorsanız true, istemiyorsanız false olarak ayarlıyorsunuz.

var showpostsummary = false;
Yukarıdaki değişken ise yazının belirli bir kısmının gösterilip gösterilmeyeceğini belirtiyor. true olarak değiştirirseniz yazının başlığının altında yazıdan belirli bir kesit sunacaktır. Eğer false olarak bırakırsanız yazılarınızın sadece başlıklarını gösterecektir.

var numchars = 250;
Eğer yazınızın içeriğinden belirli bir kesit sunmayı bir önceki adımda kabul ettiyseniz, buradaki değişken yardımıyla yazınızdan kaç karakterlik bir içerik sunacağınızı belirtmelisiniz. Burada varsayılan olarak 250 karakter belirtilmiş. Yine seçim size ait :)

Ve ayrıca kırmızı ile işaretlediğim www.siteadresiniz.com kısmını kendi blog adresiniz ile değiştirin.

Blogger Son Yorumlar
Şimdi sıra geldi son yorumlar widgetine. Bunun için de blogunuzun "Sayfa Ögeleri" kısmında Yeni widget oluşturun ve "HTML/Javascript" ögesini seçin. Daha sonra içine aşağıda yazdığım kodu yapıştırın.

<script style="text/javascript">
function showrecentcomments(json) {
  for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   alturl = alturl.replace("#", "#comment-");
   var postlink = alturl.split("#");
   postlink = postlink[0];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   if ("content" in entry) {
     var comment = entry.content.$t;}
   else
   if ("summary" in entry) {
     var comment = entry.summary.$t;}
   else var comment = "";
   var re = /<\S[^>]*>/g; 
   comment = comment.replace(re, "");
   if (!standardstyling) document.write('<div class="bbrecpost">');

   document.write('<a href="' + alturl + '"><b><font color="#FF0000" style="font-size: 9pt">' + entry.author[0].name.$t + '</font></b> ; ');
   if (!standardstyling) document.write('</div><div class="bbrecpostsum">');
   if (comment.length < numchars) {
         if (standardstyling) document.write('');
         document.write('<i><font style="font-size: 9pt"> ' + comment + '</font></i><br>');
         if (standardstyling) document.write('');}
   else
        { 
         if (standardstyling) document.write('');
         comment = comment.substring(0, numchars);
         var quoteEnd = comment.lastIndexOf(" ");
         comment = comment.substring(0, quoteEnd);
         document.write('<i><font style="font-size: 9pt">' + comment + ' ...)</font></i><br>');
         if (standardstyling) document.write('</a>');}
   if (!standardstyling) document.write('</div>');
   if (standardstyling) document.write('');
  }
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('');
document.write();
if (!standardstyling) document.write('</div>');}
var numcomments = 10;
var numchars = 20;
var standardstyling = true;
</script>
<script src="http://www.siteadresiniz.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Tabi, bu kodda da yapabileceğiniz birkaç ufak düzenleme var, mesela aşağıdakiler gibi. Aşağıdaki kodları yukarıda kırmızı renk ile belirttim.

var numcomments = 10;
Bu değişkenin karşısındaki sayıyı değiştirdiğimizde son yorumlar widgetimizde kaç tane yorum gösterileceğini belirlemiş oluyoruz.

var numchars = 20;
Bu değişkenin karşısındaki sayıyı değiştirdiğimizde ise her bir yorumdan kaç tane karakterin gösterileceğini belirlemiş oluyoruz.

Ve ayrıca kırmızı ile işaretlediğim www.siteadresiniz.com kısmını kendi blog adresiniz ile değiştirin.

Evet millet, javascript kodlarını widgetimizin içerisine kopyalıyoruz ki böylece bu javascript kodları için bir adet host bulmamıza gerek kalmıyor. Böyle daha rahat değil mi sizce?


Ve böylece eskiden Yasin abimin yazdığı şu yazıdaki butonların çalışmama sorununa da bir çare bulmuş olduk. Sorun şuydu; butonların bağlı olduğu linkteki site artık yoktu :)

11 ayın sultanı Ramazan ayına girmiş bulunuyoruz, bu yazıyı da ilk sene ilk sahurumu beklerken yazıyorum. Gece gece bilgisayar ekranına bön bön bakmaktan iyidir değil mi birşeyler paylaşmak? Neyse, uykusuzken yazdığım bu yazıda hatalarım olduysa affola, hepinize hayırlı ramazanlar dilerim, oruç tutanların oruçlarını Allah kabul etsin :)