İş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)
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ıtlaSildisqus adlı siteye üye oluyorsunuz size verdiği kodu blogunuza html/javascript gadgeti olarak ekliyorsunuz yeni yorum kutunuz kullanıma hazır.
YanıtlaSilTeşekkürler.
YanıtlaSilResimli Son Yorumlar Eklentisi linkinde bir sıkıntı var sanırım. dü<zeltirseniz iyi olur...