Sitene Benzer Yazılar Ekle

Merhaba Arkadaşlar ,

Bir çok arkadaşımız iletişimden bize benzer yazılar eklentisini sitenizde paylaşır mısınız yazıyordu.Bir çok temalarda bazı kodlar bulunmuyor eğer bize iletişimden ulaşırsanız bize gönderebilirsiniz.
Her neyse biz konumuza dönelim.

Blogunuzun ziyaretçi trafiğini artırmak ve alexa değerlerinizi düşürmek için, bloğunuza bir şekilde ulaşmış ziyaretçileri sitenizin daimi okuyucusu haline getirmeli ve onların ziyaretleri sırasında bloğunuzda 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 yazı sonlarında okuyucularımız sitemizi terk etmeden görmesi için ilgili yazılar eklentisi muhakkak yer almalı. Bu yüzden bu yazımda bloğumuza şık resimli ilgili yazılar eklentisi nasıl kurulur onu paylaşacağım.

Blogger Resimli İlgili Yazılar Eklentisi Nasıl Kurulur

Bu eklentiyi elbette kodlar yardımıyla ekleyeceğiz.Bu yüzden herhangi bir çalışma yapmadan şablon yedekleme 
işlemini yapmanızı öneririm.

• Blogger hesabınıza giriş yapın :
• Şablon—>Html Düzenle yolunu izleyerek kodları düzenleyeceğiniz ekrana ulaşın.
• Aşağıdaki kodu şablonunuzda Ctrl+F tuşları yardımıyla arayın.

</head>

• Bu kodun hemen üzerine aşağıdaki kodları yapıştırın :

<!--Resimli Benzer Yazılar-->
<!-- Maviindir Web Tasarım --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr0BPzNnlx33_myYlv-iKVAnvD91BPAtEMI9MbY_JsqsRYG67sQqOiQ5lBekgEpgUlb4g2hzxNQcW53hV5IEeNoyKwleGQtmstfaUy7jkdYfra6X9ukHrIrU5fTpUpB9uJnMZt9KqbUCSd/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;İlgili Yazılar&quot;;
</script><maviindirwebtasarım></maviindirwebtasarım>
<script src='https://maviindir--webtasarim.googlecode.com/svn/maviindir0125' type='text/javascript'/>
<!-- Maviindir Web Tasarım --></b:if>
<!—Resimli İlgili Yazılar-->

Sıra geldi son adıma.Şimdi aşağıdaki kodu bulun :

<data:post.body/>

• Bu kodun hemen altına aşağıdaki kodu yapıştırın:

<!—Resimli İlgili Yazılar-->
<!-- Maviindir Web Tasarım --><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=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if><MaviindirWebTasarım></MaviindirWebTasarım>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>

<!-- Maviindir Web Tasarım -->
<!—Resimli İlgili Yazılar-->

Tüm adımları doğru yaptıysanız resimli ilgili yazılar eklentisini blogunuza kurmuş olacaksınız.data:post.body kodu blogunuzun 3 farklı yerinde olabilir.Siz en sonuncusunu tercih edin.Eğer kodları eklerken herhangi bir sıkıntı yaşarsanız yorum bölümünde belirtin.Çözmeye çalışalım.