Bumerang - Yazarkafe

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)
PAYLAŞ PAYLAŞ PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

3 yorum:

  1. Relaxsss-3413 Nisan 2012 18:52

    ben sızın yaptıgınız gıbı  aynen bu sekıl yorum bolumu olusturmak ıstıyorum bana yardımcı olabılırmısını  relaxsss-34@hotmail.com  burdan ulasırsanız sevınırım kolayy gelsın .

    YanıtlaSil
  2.  disqus adlı siteye üye oluyorsunuz size verdiği kodu blogunuza html/javascript gadgeti olarak ekliyorsunuz yeni yorum kutunuz kullanıma hazır.

    YanıtlaSil
  3. webportalim31 Ekim 2012 19:24

    Teşekkürler. 
    Resimli Son Yorumlar Eklentisi linkinde bir sıkıntı var sanırım. dü<zeltirseniz iyi olur...

    YanıtlaSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...