
Ö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 == "item"'>Bu kodu ekledikten sonra benzer yazıların nerede gözükmesini istiyorsanız oraya alttaki kodu ekleyebilirsiniz.
<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>
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'>Dikkat:
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Benzer Yazılar";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/></b:if>
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.
Değerli Ziyaretci;
1- Bu konu ile ilgili sorunuz veya tavsiyeniz varsa yorum ekleyerek bizle ve diğer ziyaretçilerimizle düşüncelerinizi paylaşabilirsiniz.
2- Yorumlarınızda sorduğunuz sorular araştırıldıktan sonra cevaplanacaktır. "Bana Bildir" butonu işaretlemeniz halinde sorunuz cevaplandığında bildirim alacaksınız.
3- Herhangi bir üyeliğiniz yoksa, Anonim Kullanıcıyı seçerek de yorum ekleyebilirsiniz.