Twitter Takip

Blogger Resimli Benzer Yazılar Eklentisi





Bu benzer yazılar eklentimizin özelliği ise yazıların başlarında konudan bir resim gösterilmesidir. Konuya koyduğunuz resim benzer yazılarda listelenen yazının başında gözükmektedir.

Hemen kuruluma geçelim.

İlk önce yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda:

</head>

konudu buluyoruz ve üstüne

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye-resimlibenzer.js' type='text/javascript'/>
</b:if>


kodlarını ekliyoruz.

Sonra

<data:post.body/>

kodunu bulup altına

<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Benzer Yazılar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

kodlarını ekliyoruz.

İşlem tamamdır. Herhangi bir sorun olursa yorum bölümünden bildirmeniz yeterli.



Kaan Akyıldız | 19:37 | 10 yorum

10 yorum:

  1. Üstat bunu uygularken eski ''benzer yazılar eklentisi'' nin kodlarını silmemize gerek var mı ?Hani bundan önce ki yazında ''benzer yazılar''eklentisini yazmıştın ya onu uyguladım ben zaten sen yardımcı olmuştun bana çok güzel oldu tabi şimdi yazdığın çok daha güzel yani bunu eklemek için onları kaldırıyormuyuz ?

    YanıtlaSil
  2. Malesef kaldırman gerekiyor.

    YanıtlaSil
  3. Kaan sen test ettin mi bu eklentiyi. Bunu görmüştüm bi yerde ama orda hatırladığım kadarıyla sadece Blogger temaları için geçerli yazıyordu.

    YanıtlaSil
  4. Denedim tabiki.
    Hiç bir eklentiyi denemeden yazmıyorum.
    Kurduktan sonra sorunsuz bir şekilde kullanabilirsiniz.

    YanıtlaSil
  5. Hadi ya o kadar da uğraşmıştık acaba denesem mi ? Kesin yine bir hata olacak benim tema acayip bişey ya :( Ama güzel eklenti eline sağlık..

    YanıtlaSil
  6. merhaba. bunu kullanmak istiyorum. fakat, benim benzer yazılar diye bir bölümüm var. o bölümü kaldırıp, bunu o yere kurmak istiyorum. kodlarla iki saattir oynuyorum, bir türlü yapamadım. :(

    YanıtlaSil
  7. Eski benzer yazılar kodlarını kaldırıp bunları ekleyebilirsiniz. Gerekirse kaynak kodlarından bakarak hangi kodları kaldırmanız gerektiğini söyleyebilirim.
    Profilinizden sitenize baktım sanırım uygulamışsınız :)

    YanıtlaSil
  8. Kuruyorum eklentiyi çalışıyor fakat benzer yazılar arasında boşluk oluşuyor nasıl kaldıracam ?

    YanıtlaSil
  9. size kodlarıyla oynamayı deneyin.
    Fazla bir boşluk olmaması gerek ?

    YanıtlaSil
  10. Teşekkürler, blogundan çok faydalandım. Bunu da başarıyla uyguladım. Daha önce bu tarz bir eklenti için "linkwithin" kullanıyordum ama sürekli aynı yazıları gösterdiğini, yeni yazıları görmediğini fark edince onu silip buradakini denedim ve sonuç mükemmel. Resimler hem küçük hem de hafif animasyonlu. İçindeki "Benzer Yazılar" kısmını ve linklerin rengini de kendime göre değiştirince daha da güzel oldu. Sadece linkin üzerine gelince altının çizilmesini engelleyemedim ama onun da ziyanı yok.

    YanıtlaSil

Takipçiler