Bumerang - Yazarkafe

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumların bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız;
1.Yöntem:Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi. 
2.Yöntem:Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz.
1.Yöntem:Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi:
Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız.
<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="#460808" 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 = 150;
var standardstyling = true;
</script>
<script src="http://www.siteadresiniz.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</script><noscript><span style="font-size:11px;">Resimli Son yorumlar Widgetı <a href="http://blogokulu.blogspot.com/2012/01/son-yorumlar-eklentisi-blogger-son.html">Blog Okulu</a></span></noscript>
<p>Power by: <a href="http://blogokulu.blogspot.com/2012/01/son-yorumlar-eklentisi-blogger-son.html" target="_blank"><b>Blog Okulu</b></a></p>
 Kod içerisinde Yapılabilecek değişikler: 
var numcomments = 10;Burdaki değede yapacağımız değişikliklerle son yorumlar widgetimizde kaç tane yorum gösterileceğini belirleriz.
var numchars = 150;Burdaki değerde yapacağımız değişikliklerde her bir yorumdan kaç karakterin gösterileceğini belirleriz. 
font color="#460808" Bu kodu bulup yorum yapan kişi isim rengini değiştirebilirsiniz. 
Son olarakta kod kutusunun en sonunda kırmızı ile belirttiğimiz www.siteadresiniz.com kısmına kendi blog adresimizi yazıyoruz.
2.Yöntem:Bu yöntem de bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza son yorumlar eklentisi ekliyeceğiz.Eklentimizin adı İÇERİK TAKİBİ eklentisi.Şimdi bu eklentiyi "Son Yorumlar" eklentisine nasıl çevireceğimizi ve bloğumuza nasıl uygulayacağımızı resimli olarak anlatalım
1.Adım:Bloğunuzun yönetim panelinden Tasarım butonuna tıklıyoruz.
Image Hosted by ImageShack.us
2.Adım:Gadget Ekle Linkini Tıklıyoruz.

Image Hosted by ImageShack.us
3.Adım:Gadget Ekle Sayfası açıldığında aşşağıdaki İçerikTakibi Gadgetini tıklıyoruz.
Image Hosted by ImageShack.us
4.Adım:İçerik Takibi Gadgetini Tıkladığımızda aşşağıdaki gibi pencere açılacak.Bu pencerede  İçerik takibi Url'si yazan kutucuğa http://siteadı.blogspot.com/feeds/comments/default adresini yazıp,Devam butonuna tıklıyoruz.
Image Hosted by ImageShack.us
5.Adım:Devam Butonuna tıkladığımızda karşımıza aşşağıdaki gibi İçerik Takibi Yapılandır Penceresi açılacak.Burda:Başlık kısmına:Son Yorumlar,Göster kısmına gösterilmesini istediğiniz yorum sayısını yazıyoruz.Diğer kutucuklardaki ayarların görünmesini istiyorsak seçiyoruz ve kaydet butonuna tıklıyoruz.Son yorumlar eklentimiz hazır.Anlatımı biraz uzun oldu ama uygulaması 4-5 sn geçmez.
Image Hosted by ImageShack.us

Son Yazilar Eklentisi-Blogger SonYazilar Eklentisi

Son Yazilar Eklentisi-Blogger SonYazilar Eklentisi

İşinizi kolaylıştıracak ve ziyaretçilerin yazılarınızı tıklanma oranlarını arttıracak eklentileri sunmaya SON YAZILAR EKLENTİSİ ile devam ediyoruz.Son yazdığınız yazıların liste halinde bloğunuzun bir köşesinde sergilemenin faydalarını anlatmakla bitiremeyiz.Yinede kısaca bahsedecek olursak; bloğunuza gelen ziyaretçilerin en son yazdığınız yazıları bir liste halinde görmesi, daha fazla içeriğinizin tıklanması, gelen ziyaretçilerin bloğunuzda daha fazla zaman geçirmesi,seo açısından önemli olan bounce rate oranın artması
(Bounce Rate= İlk Sayfa Sonunda Çıkış Sayısı / Toplam Ziyaret Sayısı
 Bounce Rate nedir?Bir örnekle açıklamaya çalışalım; blogunuz 1 ay boyunca 100.000 kez ziyaret edildiyse ve bunlardan 20.000’i ilk sayfayı ziyaret ettikten sonra siteden ayrıldıysa bounce rate 20.000/100.000 yani 0.2 ( %20 ) dır.)görsellik açısından da bloğunuzun kalitesinin artması anlamına gelir.Bu bilgileri verdikten sonra Son yazılar eklentisini, Bloğunuza Nasıl ekleyabileciğinizi üç yolla anlatalım.(Benim kullandığım üçüncü yöntem)
1.Yöntem:Bu yöntem diğer yönteme göre biraz karmaşık olan, kodlarla oynamayı seven blogcular için:
Bloğunuzun  "Sayfa Öğeleri" kısmında yeni widget olarak Html/Java Script widgetini seçiyoruz ve aşşağıdaki kodu widgetin içine yapıştırıyoruz.Son yazılar eklentisinin nerde görünmesini istiyorsak widgeti oraya sürükleyip bırakıyoruz.
<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>

Kod içerisinde kırmızıyla yazdığım yerleri kendinize göre değiştirmeniz gerekiyor:
var numpost=10; Burdaki 10 değeri En son 10 yazınızın görüneceğini belirtir.Bu değeri isteğinize göre değiştirebilirsiniz.
var showpostdate = false;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;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ı(şu anda 250 karakter) belirtmelisiniz.
Son olarak kesinlikle değiştirmeniz gereken ve kırmızı ile yazdığımız www.siteadresiniz.com kısmını kendi blog adresiniz ile değiştirin.
2.Yöntem:Çok basit olan 3sn içerisinde herkesin rahatlıkla yapabileceği bir yöntem.
1.Adım:Son yazdığınız yazınları gadget olarak eklemek için buraya tıklayın.
2.Adım:Linki tıkladığınızda karşınıza aşşağıdaki gibi bir pencere açılacak.Bu pencerede bloğumuzu seçip,Gadget i Yapılandır butonuna tıklıyoruz.
3Adım:Bu pencerede SON YAZILAR eklentisi nin ayarlarını yapacağız .Başlık kısmına Son 10 yazı,En son yazdıklarımız gibi başlık yazabilirsiniz.Yükseklik ayarlarına karışmayın, yazılarınıza göre otomatik ayarlanıyor zaten.Number of Posts to Display yazan yere en son yazdığımız yazılardan kaçının görünmesini istiyorsak yazıyoruz. Display Post Date:Yazının yazıldığı tarih görünsünmü diye soruyor.Show a summary of your blogspost:Yazı başlıklarının altında kısa açıklamalar olmasını istiyorsanız bu kutucuğu işaretleyin.
Son olarak KAYDET butonuna tıklayıp SON YAZILAR gadgetini bloğumuza eklemiş oluyoruz.
3.YÖNTEM:"Resimli Son yazılar Eklentisi"
Benim de kullandığım bu yöntemde,Son Yazılar eklentinizde,yazınızın yorum sayısını,resimlerini,resim boyutunu,yazı boyutunuzu,yazı renginizi bloğunuza göre tasarlayabilirsiniz.
Öncelikle Google hesabımızla bloğumuza giriş yapıyoruz.Ardından "Resimli Son Yorumlar Eklentisini" eklemek için buraya tıklayın. 
Linki tıkladığımızda aşşağıdaki gibi bir pencere açılacak.Bu pencere üzerinde yapacağımız değişiklikler ile kendimize özgü bir "Son Yazılar Eklentisi"ni nasıl oluşturacağımızı, aşşağıda resimli olarak madde madde anlatalım.
1 ve 2. madde zaten türkçe olarak yazılmıştır.
3-Pull Posts From:Burayı My Blog olarak seçiyoruz.
4-External Blogger URL(Needed only if you opt to display posts form another blog):Bu kutuya eğer başka bir siteden yada blogdan yazılar göstermek isterseniz o sitenin URL adresini yazıyorsunuz.
5-Number of Posts to Display:5 Görüntülenecek yazı sayısını belirtir.
6-Maximum Length of the Post Title:Yazı Başlıklarının karakter sayısını belirtir
7-Snippet Style:Bu seçenekte üç şık bulunuyor1-No Snippet:Yazılarınızı sadece başlıkları görüntülenir.2-Summary Only:Yazıların sadece kısa özetleri görüntülenir.3-Summary and Thumbnail:Başlık+Kısa  Özet ve Resimli görünüm (Tavsiye edilen) 4-Thumbnail Only:Yazılarınızın Sadece resimleri görüntülenir.
8-Thumbnail Dimensions:Son yazılarda gösterilecek olan resimlerin boyutu.
9-Summary Length:Son yazılar eklentisindeki yazı özetlerinin karakter sayısını belirtir.(Metin uzunluğu)
10-Post Meta Style:Bu seçenekteki şıklarda Son yazılar eklentisindeki yazıların sonunda yorum,tarih,ve devamını oku gibi özellikleri ekleme seçenekleri bulunuyor.
11-Read More Text:Bu kutucuğa yazının devamını okumak için koyacağımız link yazısını yazıyoruz.Ör:Devamını Oku>> gibi.
12-Font:Yazı Tipi seçeneği
13-Font Size:Yazı tipi Boyutu
14-Extra Styling:Bu seçenekte son yazılar eklentisindeki yazılara ait resimlerin nerde duracağını belirliyoruz.Sırasıyla;Sol tarafta,Linkin altında sol tarafta,Sağda,Linkin altında sağ tarafta.gibi...
15-Border Colour:İki yazı arasındaki çizginin rengi.
16-Text Color:Son yazılar Eklentisi içerisinde bulunan özet yazıların rengini belirtir.
17-Link Color:Link renkleri.(Başlık,Devamını Oku,Yorumlar,Tarih)
18-Show Powered by Link:Burda iki seçenek vardır.Yes,No.Burda Yes'i seçersek Son yazılar eklentimizin sonunda bir link yer alacaktır.No'yu seçersek bu link görünmeyecektir.(No seçmenizi tavsiye ederim)