Blogger Resimli Benzer Konular Eklentisi

Çok yararlı bir eklenti ve ayrıca çok şık, blog okuyucularınıza okudukları yazının benzerlerini göstererek daha fazla blogunuz da kalmasını sağlar. Görüntü düzen açısından çok yararlı bir eklenti.. Gelelim uygulamaya..


Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet devam edelim;

</head>

Etiketinin hemen üstüne şu kodları ekliyelim:
Kod:

<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: #F1921A; 
font-family: Times New Roman; 
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:none; 
border: 1px solid #ddd 
} 
</style> 
<script type='text/javascript'> 
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVLSZrXZDy-E2nCTNK2C0Gu5Wb8tbR3Y9ONrkac6EljZvApeRRaoUqBuTXfAxK5-5SPRggDBsL0n325UnNRiwYmNLKXhMVkBmhsMG5bAWyJawWxWZJXa5TNH_MpIL9S-rE21XhTYujVXY/s72/no-image.PNG&quot;; 
var maxresults=5; 
var splittercolor=&quot;#E6E7E8&quot;; 
var relatedpoststitle=&quot;Benzer Yazılar:&quot;; 
</script> 
<script src='http://dl.dropbox.com/u/60346665/resimli-benzer-yazilar.js' type='text/javascript'/> 
<!-- remove --></b:if> 

Ctrl+F yapıp etiketi bulalım;

<div class='post-footer'>

Etiketinin de hemen altınada şu kodları ekleyelim:
Kod:

<!-- remove --><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>