 |
| Blogger Eklentileri - Benzer Yazılar Eklentisi |
Blogger Resimli Benzer Yazılar Eklentisi Kurulumu
Blogger temamız üzerinden değişiklik yapabilmek için Tasarım > HTML'yi düzenle seçeneğine gelerek Widget şablonlarını genişlet seçeneğini işaretliyoruz. Ardından Ctrl + f Kombinasyonu ile </head> koduna ulaşıyoruz. |
| Blogger Eklentileri - Resimli Benzer Yazılar Eklentisi |
</head> kodunun hemen üstüne aşağıdaki kodları yerleştiriyoruz.
<!--blogger-hakkinda.blogspot.com kod baslangici-->
<!-- kaldır --><b:if cond='data:blog.pageType == "item"'>
<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: black;
font-family: Georgia, “Times New Roman”, 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:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://i39.tinypic.com/2n67qx5.jpg";
var maxresults=4;
var splittercolor="#d4eaf2";
var relatedpoststitle="Benzer Yazılar";
</script>
<script src='http://www.weebly.com/uploads/2/2/1/0/2210502/related-posts.js' type='text/javascript'/>
<!-- kaldır --></b:if>
<!--blogger-hakkinda.blogspot.com kod bitisi-->
Blogger Resimli Benzer Yazılar Eklentisi Kurulumu - İkinci Adım
Ardından ,
<div class='post-footer-line post-footer-line-1'> yada <p class='post-footer-line post-footer-line-1'>
olarak geçen kodu CTRL + F kombinasyonu ile buluyoruz. Bulduğumuz kodun hemen alt satırına aşağıda ki kodları kopyalayıp yapıştırıyoruz ve şablonumuzu kaydediyoruz. Artık Blogger Resimli Benzer Yazılar Eklentisi hazır.
<!-- blogger-hakkinda.blogspot.com kod baslangici -->
<!-- kaldır --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
<!-- kaldır --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://blogger-hakkinda.blogspot.com/2012/08/blogger-resimli-benzer-yazilar-eklentisi_12.html' style='display:none;'>Resimli Benzer Yazı Ekleme</a><a href='http://blogger-hakkinda.blogspot.com' style='display:none;'>blogger yardım</a>
</b:if></b:if>
<!-- blogger-hakkinda.com kod bitisi -->
Blogger Eklentisi Üzerinde Yapılacak Değişiklikler :
- Blogger Resimli Benzer Yazılar Eklentisi düzenlemesinde ilk kod içerisinde bulunan maxresults=4 kodu üzerinde sayısal değişiklik yaparak blogunuza uygun sayıda benzer yazının gösterilmesini sağlayabilirsiniz.
- İlk kod dizini içersin de bulunan Benzer Yazılar ibaresini değiştirebilir ve sizin için daha uygun düşen bir tanımlama yapabilirsiniz.
- İki kod düzeninde de bulunup kırmızı ile işaretlenmiş olan kodlar bu eklentinin sadece yayınlanmış yazılar altında görülmesini sağlar. Eğer tek parça blog sistemi tasarladı iseniz ana sayfa içinde her yayın altında görünmesini istiyorsanız kırmızı ile işaretlenmiş kodları çıkarmanız yeterli.
- İlk kodda bulunan http://i39.tinypic.com/2n67 kısmı resimsiz yazılar için otomatik bir resim atama sistemidir. İsterseniz resimsiz yazılarınız için tek bir resim atayabilirsiniz. Tek yapmanız gereken bir upload işlemi ardından linki değiştirmek.
Yorum Gönder