Son Yazılar ve Son Yorumlar Eklentileri

BLOGGER DESTEK


Blogger Tema, Eklenti, İpucu, Widget

Son Yazılar ve Son Yorumlar Eklentileri

Bu yazı tarihinde yazılmış olup yazıda 12 yorum vardır.
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 :)
Bu yazıyı beğendiyseniz RSS akışına abone olarak yeni yazılarımızı e-posta aracılığıyla takip edebilirsiniz. Bu link ile abone olabilirsiniz.
Bu yazıya 12 adet yorum yapılmış. Sen de yorum yap!
koala dedi ki...
21 Ağustos 2009 04:23

Eline sağlık, ilk ekleyen ben oldum sanırım

Damacana dedi ki...
21 Ağustos 2009 12:26

Yazıların ve yorumların feed'leri olduğu için hiç java scripte girmeye gerek yok

Sedran dedi ki...
21 Ağustos 2009 14:46

@Damacana
Javascript kullanmayı bilenler bu widget ile harikalar çıkarabiliyorlar. Mesela ben javascript kodlarının arasına css kodlarını eklemiştim eskiden belirli yerlerinin stillerini değiştirmiştim.

Navy Blue dedi ki...
22 Ağustos 2009 06:18

güzel olmuş vallaha... Amanda Fazani'nin widgetin hemen hemen aynısı.

ilgili widgetler için:
http://www.bloggerbuster.com/2009/07/recent-comments-and-recent-posts.html

Blogspot Blog dedi ki...
22 Ağustos 2009 14:40

çok teşekkürler ellerine sağlık.

Navy Blue dedi ki...
22 Ağustos 2009 17:08

bir de;
----
var readmorelink = "(more)";
----
deki, "(more)" u istediğiniz bir ifadeyle değiştirebilirsiniz. Mesela ben,
----
var readmorelink = "(devamı...)";
----
yaptım. Parantez koymasanız da olur. Ama yazıyla karışabilir. O yüzden parantezi kapamamanız yaranıza olur.

Sedran dedi ki...
22 Ağustos 2009 17:54

@Navy Blue
Açıklama için teşekkür ederim, kendim kullanmadığım için o özelliği yazmayı atlamışım :)

gonzalez dedi ki...
25 Ağustos 2009 14:37

çok gsl olmuş tşk edrim..http://hayatinixiri.blogspot.com/

epak dedi ki...
27 Ağustos 2009 00:58

Yazılarınız bizlere çok faydalı oluyor teşekkür ediyor sizi sık kullanılanlara ekliyorum

SirEvo dedi ki...
31 Ağustos 2009 00:18

Çok hoş oldu, teşekkür ettim hocam.

Hasan dedi ki...
04 Eylül 2009 22:35

Çok çok teşekkur ederim. bloga yeni başlayanlar için büyük kolaylık. Arı duru bir anlatım.
siirportakal

Celal dedi ki...
24 Kasım 2009 22:19

çok teşekkürler çok açıklayıcı olmuş.

Yorum Gönder

Yorum yazarken dikkat ediniz;

1) Öncelikle, kesinlikle küfür etmiyorsunuz.

2) Eğer önceki yorumlardan birine cevap veriyorsanız kime cevap verdiğinizi belirtiyorsunuz.

3) Web sitenizin reklamını yapmak için saçma sapan, konuyla alakası olmayan yorumlar atmıyorsunuz.

4) Bunlar haricinde kardeş kardeş yorumlarınızı yazabilirsiniz.:)

BloggerDestek Ekibi

 

Asosyal Sözlük, sözlükspot, pcdostu, asosyalbebe