Bloggerde Resimli Benzer Yazılar Eklentisi

Daha önceki bloglarda tanıtılan Linkwithin ve Outbrain'in Resimli Benzer Yazılar veya Bunlarda İlginizi Çeker gibi uygulamalar hata verdiğinden ve çok şikayet konusu olduğundan alternatif olarak bu yazı paylaşılmaktadır. 

Bu alternetif uygulamayı blogunuza eklemek için şu adımları takip ediniz.

1-Blogger Kumanda Paneli>Şablon>HTML'yi Düzenle den " </head>" kodunu bulunuz. Bulduğunuz bu kodun hemen üzerine aşağıdaki kodları ekleyiniz.

 <!--not--><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{
background:transparent;
font-size: 1.4em;

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:#ddd;

}
</style> 
<script src='http://bloggermodifiyejs.googlecode.com/files/benzer-yazilar.js' type='text/javascript'/>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJZGzosEfa0j4yOjYRySFJNu2s00o2vEDO5geXVixKLyhPu0KzpaV3_Hmj4lV3ddn0SR0v9NBQC1C1SMVf5l7nkihXykk5A-JVJMxNZkPVqYhDK3-ZKY5rD5s5PBBMS_yNd2ZpMSYYZo8/s1600/no-photo-available.jpeg&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Bunlarda ilginizi çekebilir&quot;;
</script>
<!--not--></b:if>

2- Aşağıdaki kodu bulunuz.

<data:post.body/> 

Bu kodun altına aşağıdaki kodları yapıştırınız. <data:post.body/>  kodu şablonda iki tane olabiliyor. Hangi kodda çalışıyorsa deneyerek bulunuz. 

<!--not--><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=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div>
<!--not--></b:if>  

Kaydederek çıkınız.


Raletedpoststitle=Bunlarda İlginizi Çeker satırını  görünmesini istediğiniz yazıyla değiştireblirsiniz.
varmaxresults=5 olan bağlantı sayısını kendinize göre değiştirebilirsiniz.

Linkwithin Resimli Benzer Yazılar Eklentisinin blogunuza nasıl eklendiğini  buradan öğrenebilirsiniz.