Blogger-Resimli-Benzer-yazilar-eklentisi.png

Blogunuzun ziyaretçi trafiğini artırmak,  blogunuza bir şekilde ulaşmış ziyaretçileri sitenizin daimi okuyucusu haline getirmeli ve onların ziyaretleri sırasında blogunuzda uzun süreli kalmalarını sağlamalısınız. Ziyaretçilerinizin blogunuzda uzun süreli kalmaları da elbette yazınızın kaliteli bir içeriğe sahip olmasını gerektirdiği gibi benzer yazıları işaret ederek onlara da ulaşmasını sağlamakla da mümkün olmaktadır. 


Bu yüzden yazımızda site içi link yerleşimini yapmalı ve her yazı sonunda okuyucularımız sitemizi terk etmeden görmesi için ilgili yazılar eklentisi muhakkak yer almalı. Bu eklenti sayesinde ziyaretçi yazının sonunda dikkatini çekecek diğer içerikleride görüp onları tıklayacktır. Bu yüzden bu yazımda bloğumuza şık resimli ilgili yazılar eklentisi nasıl kurulur onu paylaşacağım.

1.Adım

Kumanda Paneli → Şablon → HTML’yi Düzenleye tıklıyoruz. Ctrl + F tuşlarına aynı anda basarak, açılan arama formunda </head> kodunu buluyoruz.

Bulduğunuz bu kodun hemen üstüne gelecek şekilde aşağıdaki kodları ekliyoruz.

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css"> 
#related-posts{text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
#related-posts h2{background:transparent;font-size:1.4em;font-weight:700;color:#000;font-family:Georgia,arial;margin-bottom:.75em;margin-top:0;padding-top:0;}
#related-posts a{color:#000;}
#related-posts a:hover{color:#000;background-color:#ddd;}
#related-posts img{border:1px solid #f2f2f2 !important;border-radius:4px;margin:0px;}
</style> 
<script src='http://meftun-mede.googlecode.com/svn/trunk/Benzer_yazilar.js' type='text/javascript'/>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3nhVxO8g4XEn9NI2x3kZoWpwEH5EheRLfK_l8izKbiGPTto_Y9HdYrxh2MJ3-wmRmJ4taHfAouf-qPYMCQ55Cq6BSVzsqKnuuZb9CtzI59YyBoEM2nxzHLkHyG_P8diTok-4pfMuKLw/s1600/no-photo-available.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Bunlarda ilginizi çekebilir&quot;;
</script>
</b:if>
2.Adım

<data:post.body/> kodunu buluyoruz.

Bulduğunuz bu kodun hemen altına gelecek şekilde aşağıdaki kodları ekliyoruz. Bu kod şablonlarda iki adet olabiliyor, sonuçlarda çıkan ilk kod, ve kaydediyoruz.

 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); 
</script> 
</div>
</b:if>
Kodlar içerisinde ; Kırmızı ile işaretlenmiş;

relatedpoststitle="Bunlarda ilginizi çekebilir"

var maxresults=5

var defaultnoimage= Resmi olmayan konularınız için default image

Bölümlerini isteğinize göre değiştirebilirsiniz.

Not: Bu eklenti ana sayfa ve diğer sabit sayfalarda görünmez. Yani sadece açılan yazı sayfalarının altında görünür.Ama eklentinin Anasayfadaki tüm konuların devamını oku özelliğinin altında veya diğer sayfalarda da görünmesini isterseniz; Maviyle işaretlediğim yerleri silebilirsiniz.