Blogger tarafından desteklenmektedir.

Kişisel Blog

11 Temmuz 2011 Pazartesi

Blogger İçin Benzer Yazılar Eklentisi

Hiç yorum yok :

Daha önce önemli bir SEO terimi olan Bounce Rate ile ilgili bir yazı yazmıştım.Son Google algoritması ile işlgili yazıları okuduğumuzda site içi linklerin ve bounce rate değerinin öneminin daha da arttığını rahatlıkla söyleyebiliriz.

Bounce rate değerini düşürmenin en önemli yollarında biri site içi linkleme.Bunun için blog yazılarınızın sonuna koyacağınız ve o yazıyla alakalı diğer yazılarınıza bağlantılar içeren bir benzer yazılar eklentisi koyabilirsiniz.Böylece hem bounce rate değeriniz düşecek, hem ziyaretçilerinizin blogunuzda geçireceği süre artacak, hem de eski yazılarınız okunacaktır.

Benzer yazılar ieklentisi için en pratik uygulama bu hizmeti ücretsiz olarak veren ve çoğu blogcu tarafından kullanılan LinkWithIn sitesidir.Ancak bu eklentiyi ekldiğinizde köşede çıkan LİnkWithIn yazısı sizide rahatsız ediyorsa şu alternatifi deneyebilirsiniz.

Benzer yazıar eklentisi

Blogunuzun kumanda panelinden Şablon > HTML’yi Düzenle yolunu takip edin ve Widget Şablonlarını Genişlet kutucuğunu işaretleyerek Ctrl+F tuş kombinasyonu yardımıyla ]]></b:skin> kodunu bulun ve bu kodun üstüne aşağıdaki kodları ekleyin.

#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #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:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background: url(http://i51.tinypic.com/fmns7t.jpg) no-repeat
scroll left center transparent;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;
}



İkinci olarak </head> kodunu bulun ve bu kodun hemen üstüne aşağıdaki kodları ekleyin.

<script type='text/javascript'>
var relatedpoststitle="İlgili Yazılar";
</script>
<script src='https://dl.dropbox.com/u/60346665/benzer-yazilar-BlogHocam.js'
type='text/javascript'/>



Son olarak şu kodu bulun

 

<div class='post-footer-line post-footer-line-1'>

 

ve bu kodun altına aşağıdaki kodları ekleyin.

 

<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&amp;
max-results=5&quot;'
type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

 

Kaç adet benzer yazı listelemek istiyorsanız var maxresults=5; değerini ona göre değiştrin. Benzer yazı linklerinin renk, font gibi değişiklikleri ilk verdiğim CSS kodlarınadn yapılabilir.Bu konuda yardım isterseniz yorum bölümünden sorabilirsiniz.

Hiç yorum yok :

Yorum Gönder