Yazı Sonuna Resimli Benzer Yazı Ekleme | Kişiselleştirilebilir

Resimli Benzer Yazı Konusu Güncellenmiştir.

Blogger Yardım konularına Yazı Sonuna Eklenebilen ve Kişiselleştirilebilir Resimli Benzer Yazılar özelliği ile devam edelim. Birçok sitenin kullanmakta olduğu Benzer Yazılar (Related Posts) özelliği, ziyaretçilerin blogda dolaşımını kolaylaştırmak için birebir. Resimli benzer yazıların önerilmesi daha ilgi çekiçi. Linkwithin sitesinin sunmuş olduğu özelliğin çalışma mantığı ile birebir çalışan dahası isteğe bağlı değişikliklerinde yapılabilmenize olanak sağlayan bu özelliği beğeneceğinizi tahmin ediyorum.

Blogger temanızada adapta etmeniz gayet kolay. Yapmanız gerekenler şöyle;

1. Adım: Kumanda Paneli > Yerleşim > HTML Düzenle yolunu izleyin ve Widget Şablonlarını Genişlet kutucuğuna tıklayın.
Ardından CTRL+F tuşları yardımı ile temanızda </head> kodunu bulun.

2. Adım: Bulmuş olduğunuz bu kodun üst satırına alttaki kodu yapıştırın;

<!--Benzer Yazi Baslar-->

<!-- kaldır --><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: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://i39.tinypic.com/2n67qx5.jpg";
var maxresults=6;
var splittercolor="#d4eaf2";
var relatedpoststitle="Benzer Yazılar";
</script>
<script src='http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js' type='text/javascript'/>

<!-- kaldır --></b:if>

<!--Benzer Yazi Biter-->

3. Adım: Ardından temanızda alttaki kodu bulun;

<div class='post-footer-line post-footer-line-1'>

Bu kodu temasında bulamayanlar şu şekilde de arama yapabilirler;

<p class='post-footer-line post-footer-line-1'>

4. Adım: Bulmuş olduğunuz koddan hemen sonra alttaki kodu bir alt satıra yapıştırın;

<!-- Benzer Yazi Kodu Baslar -->

<!-- kaldır --><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'/>

<!-- kaldır --></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://takipteyiz.blogspot.com/2009/10/blogger-yardim-yazi-sonuna-resimli.html' style='display:none;'>Resimli Benzer Yazı Ekleme</a><a href='http://takipteyiz.blogspot.com/' style='display:none;'>blogger yardım</a>
</b:if></b:if>

<!-- Benzer Yazi Kodu Biter -->

5. Adım : Yukarıdaki kodda isteğe bağlı olarak şu değişiklikler yapılabilir. Bunlar;

► Benzer Yazılar yazısını istediğiniz şekilde değiştirebilirsiniz.

► Yazıların altında görüntülenmesini istediğiniz benzer yazı sayısını değiştirmek için;

max-results=6;

kodunda yer alan sayısı değiştirebilirsiniz.

► Resimsiz yazılarınızda yandaki gibi bir resim görüntülenecektir. Bu resmi değiştirmek ilk kodda yer alan http://i39.tinypic.com/2n67qx5.jpg adresinin yerine kendi tasarladığınız resme ait link adresini yapıştırmanız yeterli.

► Ayrıca yine ilk kodda yer alan .js uzantılı dosyayı (http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js) indirin ve .js yükleyebileceğiniz bir siteye yükleyin. Yükleme için şu yazıdan yardım alabilirsiniz.

► Ayrıca her iki kodda yer alan mavi renkli kodlar yazının sadece yazı sayfasında görüntülenmesini sağlar. Eğer her yerde görüntülenmesini istiyorsanız mavi kodları kaldırabilirsiniz. Ya da istediğiniz sayfada gösterebilmek için Hangi Sayfada istersen o sayfada Eklentini Göster yazısından faydalanabilirsiniz.

Takip Listem'de de kullanmaya başlamıştım ama artık farklı bir eklenti kullanıyorum.

Fikirleriniz önemli, lütfen yorumlar kısmında görüşlerinizi belirtin.

Kolay Gelsin...

Kaynak: BP