11 Resimli Benzer Yazılar Eklentisi

Resimli Benzer Yazılar Eklentisi

Çoğu site sahibi ve Webmasterlar Kolay kurulumu olan Linkwithin benzer yazılar eklentisini sitesine kurmayı tercih ediyor.Fakat Bu eklentiyi kullanırken yanda çıkan linkwithin yazısı herkesi rahatsız ediyor.Ayrıca birçok kişi benden bu eklentiyi istedi ve kırdamadım.Bende Bu yüzden sitenize uyum sağlayacak ve çok şık bir görüntü ortaya çıkarıcak olan resimli benzer yazılar eklentisini paylaşmaya karar verdim.

Şimdi eklentinin kurulumuna geçelim:

İlk olarak tasarım >html'yi düzenle > widget şablonlarını genişlet > şablonumuza geldik.

</head>

kodunu bulalım ve hemen üstüne aşağıdaki kodları ekleyelim.

<!--Resimli Benzer Yazılar Eklentisi Stiller Ve Scriptler Başlangıcı--> 
<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/AVvXsEgFtuADduK63PBCXBDFH4LoAgvJZVw5zjrMjTyprgNJfU92yoFS4bz3xHj2FN_Xs0wCZyykmduWCH4VgZ48c7IIyQsJRVKLahw4KJohUEUClv-4i3d88XajJeyknxX6UOoPbEfrbylBvC4/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> 
<!--Resimli Benzer Yazılar Eklentisi Stiller Ve Scriptler Bitişi-->

Kodu Ekledikten sonra:

<div class='post-footer'>

kodunu bulun ve hemen altına aşağıdaki kodları ekleyin.

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

Kod hakkında bir hata veya sorunlar karşılaşırsanız aşağıya yorum bırakabilirsiniz.