Blogger tarafından desteklenmektedir.

Kişisel Blog

15 Şubat 2012 Çarşamba

Kullandığım “Resimli Benzer Yazılar” Eklentisini Paylaşıyorum

Hiç yorum yok :
Çoğu blogcu kurulumu kolay olduğu için resimli benzer yazılar elentisi olarak LinkWithin kullanıyor.Ziyaret ettiğim blogların çoğunda LinkWithin eklentisinin kullanıldığını görünce farklı olsun diye daha önce resimsiz benzer yazılar eklentisini paylaşmıştım.

Son günlerde blogumda kullandığım resimli benzer yazılar eklentisini paylaşmamı isteyenlerin sayısı arttı.Sanırım LinkWithin kullanınca köşede çıkan LinkWithin yazısından rahatsız oldular, bu yüzden benden eklentiyi paylaşmamı rica ettiler.

Resimli Benzer Yazılar Eklentisi

Bu blogda gördüğünüz eklentinin kodlarını olduğu gibi paylaşıyorum.Kurulum 2 aşamadan gerçekleşiyor.Önce </head> </head> kodları arasına stil ve script kodlarını ekleyeceğiz, ikinci aşamada ise Yazının altına HTML kodlarını ekleyeceğiz.Kuruluma geçelim…

1.Aşama: Şablonunuzdan </head>  kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin:

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

2.Aşama: Şablonunuzdan <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>

Resimli benzer yazılar eklentisinin kurulumu bu kadar.Bir sorunla karşılaşırsanız yorum bölümünden sorabilirsiniz.

İyi bloglar…

Hiç yorum yok :

Yorum Gönder