Benzer Yazılar Eklentisi

Blogger Eklentileri - Benzer Yazılar Eklentisi 

Blogger Eklentileri -  içerisin de en faydalı olan eklentilerden biri Blogger Benzer Yazılar Eklentisi.  Site içi linklerin faydalarını sizlere daha önce Site İçi Link Kavramı yazımda açıklamaya çalışmıştım. Benzer yazılar eklentisi ile site içi otomatik linklendirme yapmış olursunuz.

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. 

<!--cyber-bytolga.blogspot.com kod baslangici-->
<!-- kaldır --><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: 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:#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>

<!--cyber-bytolga.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.

<!-- cyber-bytolga.blogspot.com kod baslangici -->
<!-- kaldır --><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'/>
<!-- kaldır --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='' 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>

<!-- cyber-bytolga.blogspot.com kod bitisi -->