5 Haziran 2012 Salı

Blogger Son Yorumlar Eklentisi ve Kurulumu
Blogger Son Yorumlar Modülünü Widgete Eklemek
Blogger’ın vazgeçilmezi olan Son Yazılar eklentisinden sonra en çok tercih edilen eklentilerden birisi de Son Yorumlar eklentisi (modülü) olmaktadır.
Gelelim kısaca eklentinin kurulumunu anlatmaya;
Ancak önceden belirtmekte fayda vardır. Bu tür denemeleri yaparken blogumuzun bir yedeğini almak çok faydalı olacaktır. Çünkü eklentiyi veya temayı kurmadan önce kendinizi güvenceye almak sizi rahatlatacak ve işlemleri daha kolay ve daha çok şey öğrenerek yapabileceksiniz.
Neyse bu sayfada blogger blogunuza yorum eklentisini 3 farklı şekilde eklemeyi göstereceğiz. Hangisi işinizi görüyorsa beğendiyseniz onu kullanırsınız.
blogger son yorumlar eklentisi RSS comment widget
1. yöntem: Önce en kolay metoddan bahsedelim. Blogger kullanıcıları feed/besleme ile başka sitlerin son yazılarını veya kendi son yazılarını eklemeyi bilirler. Aynı bu şekilde feed yerine blogger son yorumların url’sini bulmak yeterli olacaktır.
İlk önce yorumlarınızın RSS kaynağını bulmanız gerek. Bu: http://siteadı.blogspot.com/feeds/comments/default şeklindedir. Widgetler içinden “Besleme” widgetini kullanarak besleme kaynağına yukarıdaki adresi yazıyoruz. Daha sonra ise “Öğe kaynakları” ve “Öğe tarihleri”ni işaretleyerek işimizi bitiriyoruz. Bundan sonrası sitede nerde yayınlayacağınıza kalmış.
2. yöntem:Blogger yönetim panelimizde “Sayfa Ögeleri” kısmından yeni widget oluşturun ve “HTML/Javascript” ögesini seçin.
Daha sonra ise içine aşağıdaki kodları yapıştırmanız yeterli olacaktır.
01function showrecentcomments(json) {
02for (var i = 0; i < numcomments; i++) {
03var entry = json.feed.entry[i];
04var alturl;
05
06if (i == json.feed.entry.length) break;
07for (var k = 0; k < entry.link.length; k++) {
08if (entry.link[k].rel == 'alternate') {
09alturl = entry.link[k].href;
10break;
11}
12}
13alturl = alturl.replace("#", "#comment-");
14var postlink = alturl.split("#");
15postlink = postlink[0];
16var linktext = postlink.split("/");
17linktext = linktext[5];
18linktext = linktext.split(".html");
19linktext = linktext[0];
20var posttitle = linktext.replace(/-/g," ");
21posttitle = posttitle.link(postlink);
22if ("content" in entry) {
23var comment = entry.content.$t;}
24else
25if ("summary" in entry) {
26var comment = entry.summary.$t;}
27else var comment = "";
28var re = /]*>/g;
29comment = comment.replace(re, "");
30if (!standardstyling) document.write('
31<div class="bbrecpost">');</div>
32document.write('<a href="' + alturl + '"><strong><span style="color: #ff0000;">' + entry.author[0].name.$t + '</span></strong> ; ');
33if (!standardstyling) document.write('</a>
34<div class="bbrecpostsum">');
35if (comment.length &lt; numchars) {
36if (standardstyling) document.write('');
37document.write('<em><span> ' + comment + '</span></em>
38');
39if (standardstyling) document.write('');}
40else
41{
42if (standardstyling) document.write('');
43comment = comment.substring(0, numchars);
44var quoteEnd = comment.lastIndexOf(" ");
45comment = comment.substring(0, quoteEnd);
46document.write('<em><span>' + comment + ' ...)</span></em>
47');
48if (standardstyling) document.write('</div>
49');}
50if (!standardstyling) document.write('
51
52');
53if (standardstyling) document.write('');
54}
55if (!standardstyling) document.write('
56<div class="bbwidgetfooter">');
57if (standardstyling) document.write('');
58document.write();
59if (!standardstyling) document.write('</div>
60');}
61var numcomments = 10;
62var numchars = 20;
63var standardstyling = true;
Bu kodlardan son olarak kaç tane yorum gösterilmesi gerektğini ve her yorumda kaç karakter olması gerektiğini ayarlayabilirsiniz.
Örnek; “var numcomments = 10;” Buradan son kaç yorumun gösterilmesi gerektiğini ayarlayabilirsiniz.
var numchars = 20;” Buradan ise her yorumda kaç karakter gösterilmesi gerektğini ayarlayabilirsiniz.
İşlemlerimiz bu kadardır, notları okumayı unutmayınız. Kolay gelsin.
Önemli Not: Bu kodun içerisindeki siteadresiniz.com yazısını kendi site adresinize göre düzenlemeniz gerekmektedir. Aksi takdirde eklenti çalışmaz ve temanızın bozulmasına sebep olur.
3. yöntem:

Yukarıdaki kod işe yaramazsa/çalışmazsa aşağıdaki kodu deneyin.

(Not: Aşağıdaki kodlar arasında yer alan siteadresiniz.com yazan yeri kendi site adresiniz ile değiştirmeyi unutmayınız!)
Bu kodları nereye yapıştıracağım: Blogger yönetim panelinde Yerleşim > Gadget Ekle > HTML/JavaScript Eklebölümüne giriş yapın. Ardından ise, karşınıza çıkan editöre aşağıdaki JavaScript kodlarını yapıştırın.
01<script type="text/javascript">// <![CDATA[
02 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('
03<div>'); 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>
04<div>'); if (comment.length < numchars) { if (standardstyling) document.write(''); document.write('<i><font style="font-size: 9pt"> ' + comment + '</font></i>
05'); 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>
06'); if (standardstyling) document.write('</a>');} if (!standardstyling) document.write('</div>
07
08'); if (standardstyling) document.write(''); } if (!standardstyling) document.write('
09<div>'); if (standardstyling) document.write(''); document.write(); if (!standardstyling) document.write('</div>
10
11');} var numcomments = 10; var numchars = 20; var standardstyling = true;
12// ]]></script><script type="text/javascript" src="http://www.siteadresiniz.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>

0 yorum:

Yorum Gönder