Blogger Benzer Yazılar Eklentisi

Blogger blog sahipleri için Benzer Yazılar eklentisi ile karşınızdayız. İnternette baya bir Benzer Yazılar eklentisi mevcut, Nedirkibu.com da ise alternatif bir benzer yazılar eklentisini sizlerle paylaşıyoruz.

Öncelikle söylemeliyim ki paylaşağımız Blogger Benzer yazılar eklentisi içerisinde genellikle konu başlıkları gözükmekte, eğer blogunuzdan resim yüklediyseniz yazının yanında ikon olarak eklemiş olduğunuz resim gözükecektir.

Benzer Yazılar Eklentisi Görünüşü

Şimdi öncelikle şu kodu bulun ve </head> üst kısmına aşağıdaki kodları ekleyin.(kırmızı ile belirtilen yerleri değiştirebilirsiniz)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
text-transform:none;
padding-left:5px;
}
#related-posts li {
list-style:none;
}
#related-posts h2{
font-size: 15px;
font-weight: bold;
color: #414141;
}
#related-posts a{
color:#868686;
}
#related-posts a:hover{
color:black;
}
a.bysaydamlik img{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
 a.bysaydamlik:hover img{
filter:alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json){for (var i = 0; i <json.feed.entry.length; i++){var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; try{thumburl[relatedTitlesNum]=entry.media$thumbnail.url}
catch (error){thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-8AtQFswk37Yvd03A-D3IG74Nu5CkKRKCopaFo_PKy5aUKEjjerl4f5eXypdMA-JcY7JZEUXbag4BNpSD9iuFo5tWbvK2eIVG1s2x1u9E_xxc7s-D_KuWnzA_ie7jy_oEMQV72OgMtgU/s1600/favicon-image.png'}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 90)+"...";
for (var k = 0; k <entry.link.length; k++){if (entry.link[k].rel == 'alternate'){relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++}
}
}
}
function removeRelatedDuplicates_thumbs(){var tmp = new Array(0); var tmp2 = new Array(0); var tmp3 = new Array(0); for(var i = 0; i <relatedUrls.length; i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+= 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length+= 1; tmp3.length+= 1; tmp2[tmp2.length - 1] = relatedTitles[i]; tmp3[tmp3.length - 1] = thumburl[i]}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3}
function contains_thumbs(a, e){for(var j = 0; j <a.length; j++) if (a[j]==e) return true; return false}
function printRelatedLabels_thumbs(){for(var i = 0; i <relatedUrls.length; i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1); relatedTitles.splice(i,1); thumburl.splice(i,1)}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear:both; "/>');
while (i <relatedTitles.length &&i <20 &&i<maxresults){document.write('<a style="text-decoration:none; float:left; '); if(i!=0) document.write('border-left:solid 0.5px #d4eaf2; "'); else document.write('"'); document.write('<li><div style="font-family:arial; font-style:normal; color:#717171; font-variant:normal; font-weight:bold; font-size:12px;  font-size-adjust:none; "><a title="'+relatedTitles[r]+'"class="bysaydamlik"href="'+relatedUrls[r]+'"><img style="vertical-align:middle; padding-right:3px; width:20px; height:17px; border:0px; "src="'+thumburl[r]+'"/>'+relatedTitles[r]+'</a></div></li>'); if (r <relatedTitles.length - 1){r++}
else{r = 0}
i++}
document.write('</div>')}
//]]>
</script>
</b:if>

Bu kodu ekledikten sonra benzer yazıların nerede gözükmesini istiyorsanız oraya alttaki kodu ekleyebilirsiniz.
Kodu eklemek için <data:post.body/> yazarak aratın. Bu koddan genellikle 3 tane bulunmaktadır ve yine çoğunlukla 2. veya 3. kodun altına aşağıda belirttiğimiz kodu yazarak eklenti çalışmaktadır.

<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Benzer Yazılar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/></b:if>

Dikkat:
 Değişiklikleri kaydetmeden önce mutlaka değişiklik önceki kodları not defterine kopyalın.Olumsuz bir durum olması durumunda not defterine kopyaladığınız kodları tekrar kullanabilirsiniz.

Konu hakkında yorumlarınızı bekliyoruz.