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.









Eline sağlık, ilk ekleyen ben oldum sanırım
Yazıların ve yorumların feed'leri olduğu için hiç java scripte girmeye gerek yok
@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.
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
çok teşekkürler ellerine sağlık.
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.
@Navy Blue
Açıklama için teşekkür ederim, kendim kullanmadığım için o özelliği yazmayı atlamışım :)
çok gsl olmuş tşk edrim..http://hayatinixiri.blogspot.com/
Yazılarınız bizlere çok faydalı oluyor teşekkür ediyor sizi sık kullanılanlara ekliyorum
Çok hoş oldu, teşekkür ettim hocam.
Çok çok teşekkur ederim. bloga yeni başlayanlar için büyük kolaylık. Arı duru bir anlatım.
siirportakal
çok teşekkürler çok açıklayıcı olmuş.
öncelıkle tesekkur ederım ellerıne saglık . ben bunu uyguladım konuların baslarına bır ımlec koymak ıstıyorum cok karısık oluyor ve konu coslıgını atıyorum 100 karakterle sınırlandırmak ıstıyorum yardımcı olursanız sevınırım.
ornek;
* Nokia 6210 Naviga...
* General Mobile'da...
* Fifa 2010 Çıktı ...
* Counter - strike ...
gibi istiyorum daha duzgun olur eger mumkunse bır yardım edın. tesekkurler
bir şey daha ıstıcem cok mu olu r bılmıorum ama bu benım ıcın onemlı son konuların karısık cıkmasını saglıyabılırmıyım tarıhe gore cıkmasını ıstemıyorum son ekledıklerım zaten anasayfada oluyor konular kaarısık cıkarsa daha ıyı olur bı cozumu varmı acaba
teşekkürler
güzel anlatım...
teşekkürlerr :))
Yorumların geldiği yazıları da nasıl görünür kılabiliriz? Yani x, y yazısında şöyle dedi gibi..
çok teşekkürler, tam da bunu arıyordum
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