Blogger Benzer Yazılar Eklentisi
Kategori :
Blogger
Benzer yazılar eklentisi, yazılarınıza eklediğiniz etiketleri baz alarak okuduğunuz yazıyla aynı etikete sahip yazıları sıralı şekilde gösterme temeline dayanır.
Bir şekilde blogunuzdaki herhangi bir yazıya ulaşmış kullanıcıyı benzer yazılar eklentisi ile aynı kategorideki diğer yazılara yönlendirme sitenize oldukça olumlu katkı yapacaktır.
Bu yazıda sizlere içinde bulunduğu yazıyı tekrar etmeyen, başlıkların üzerine geldiğinizde yazının yayınlanma tarihini gösteren ve aynı etikete sahip başka bir yazı bulunamadığında ise belirleyeceğiniz notu düşen bir eklenti paylaşacağım. Aşağıdaki adımları uygulayarak benzer yazılar eklentisine sahip olabilirsiniz.
---------------------------------- Demo ----------------------------------
› Eklentiyi kurmak istediğiniz blogun ismine tıklayın.
› Açılan sol menüden Şablonu seçin ve Html'yi Düzenle Deyin. Aşağıdaki gibi bir görüntü gelecek.
› Html'yi düzenle kısmında klavyenizin Ctrl+F komutu ile aşağıdaki kodu bulun.
Yukarıdaki kodun hemen üzerine aşağıdaki kodları ekleyin. Bu koddan temanızdan birden fazla olabilir, tek tek deneyerek ekleyin.
› Ardından bir önizleme yapın ve hata olup olmadığını kontrol edin. Yok ise devam edin ve aşağıdaki kodu bulun
Yukarıdaki kodu hemen üzerine aşağıdaki css kodlarını ekleyin.
İşlem tamamdır. Eklenti blogunuzla uyum sağlamazsa width:560px; değerini değiştirerek uzunluğunu ayarlayabilirsiniz. Yapamadığınız bir yer olursada yorum formunu kullanın.
Hit Adam
Benzer yazılar eklentisi, yazılarınıza eklediğiniz etiketleri baz alarak okuduğunuz yazıyla aynı etikete sahip yazıları sıralı şekilde gösterme temeline dayanır.Bir şekilde blogunuzdaki herhangi bir yazıya ulaşmış kullanıcıyı benzer yazılar eklentisi ile aynı kategorideki diğer yazılara yönlendirme sitenize oldukça olumlu katkı yapacaktır.
Bu yazıda sizlere içinde bulunduğu yazıyı tekrar etmeyen, başlıkların üzerine geldiğinizde yazının yayınlanma tarihini gösteren ve aynı etikete sahip başka bir yazı bulunamadığında ise belirleyeceğiniz notu düşen bir eklenti paylaşacağım. Aşağıdaki adımları uygulayarak benzer yazılar eklentisine sahip olabilirsiniz.
Benzer yazılar eklentisi nasıl kurulur?
› Blogger.com'a giriş yapın.› Eklentiyi kurmak istediğiniz blogun ismine tıklayın.
› Açılan sol menüden Şablonu seçin ve Html'yi Düzenle Deyin. Aşağıdaki gibi bir görüntü gelecek.
› Html'yi düzenle kısmında klavyenizin Ctrl+F komutu ile aşağıdaki kodu bulun.
<div class='post-footer'/>Yukarıdaki kodun hemen üzerine aşağıdaki kodları ekleyin. Bu koddan temanızdan birden fazla olabilir, tek tek deneyerek ekleyin.
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write("<ul>");if(titles.length==0){document.write("<li>Maalesef, benzer yazı bulamadık.</li>")}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}document.write('<li><a href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li>");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]></script>
<div class='related-posts'>
<h3>Buna benzer diğer yazılar :</h3>
<ul><b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=10;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script></ul><div class='clear'/>
</div>
</b:if></b:if>› Ardından bir önizleme yapın ve hata olup olmadığını kontrol edin. Yok ise devam edin ve aşağıdaki kodu bulun
]]></b:skin>Yukarıdaki kodu hemen üzerine aşağıdaki css kodlarını ekleyin.
.related-posts{width:560px;border:1px solid #ddd;border-radius:4px;margin-top:5px;color:#666;background:#fff;padding:5px}
.related-posts h3{font-weight:700;font-family:Tahoma,sans-serif;font-size:14px;padding:5px 0 0}
.related-posts ul{width:560px;margin:0;padding:6px 4px 6px 1px}
.related-posts li{float:left;width:277px;list-style-position:inside;list-style-type:none;list-style-image:url(http://1.bp.blogspot.com/-IzoxOS8c7r0/UhHdVWC3-fI/AAAAAAAAANM/Cq93stBpmbo/s1600/resim.png);overflow:hidden;margin:0;padding:3px 0}İşlem tamamdır. Eklenti blogunuzla uyum sağlamazsa width:560px; değerini değiştirerek uzunluğunu ayarlayabilirsiniz. Yapamadığınız bir yer olursada yorum formunu kullanın.
Hit Adam
Yorumlar