Güncel Haberler, Yazılım, Teknoloji ve İnternet Paylaşım

Blogger Eklentisi - Benzer Yazılar

Blogger Benzer Yazılar Eklentisi

Blogger blogların yada başka tabanlı (wordpress, joomla vs) blogların kullandıkları en önemli eklentilerden birisi şüphesi benzer yazılar eklentisidir. Benzer yazılar eklentisi bloglarımızı kullanıcılar için daha kullanışlı yapmakla beraber , sayfalar arası geçiş , ziyaret süresini artırma gibi bir çok yarar sağlamakta.
blogger benzer yazılar eklentisi
blogger benzer yazılar eklentisi
Önceleri yazmış olduğum bir makalede de benzer yazılar eklentisini mutlaka bloglarda yer alması gerektiğinden bahsetmiştim. Blogger bloglarda benzer yazılar eklentisinin faydalarına ayrıntılı bir şekilde değinmiş farklı benzer yazılar eklentisinden bahsetmiştim. O yazıya da aşağıdaki link yardımı ile ulaşabilirsiniz.

Blogger resimli benzer yazılar eklentisi


Resimli benzer yazılar eklentisi kurulumu


  • Blogger paneline giriş yapın.
  • Şablon menüsüne tıklayın ve html'yi düzenle butonuna tıklayın.
  • Açılan sayfada Ctrl+F kısayolu ile aşağıdaki kodu bulun.

</head>

Bulduğunuz bu kodun bir üst satırına aşağıdaki kodları yapıştırın.

<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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;İlgili Yazılar&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
</b:if>


Daha sonraki adımda aşağıdaki kodu kopyalayın ve blogunuzun temasında Ctrl+f kısayolu yardımı ile aratarak bulun. Arama sonuçlarında bu kodlardan 3 adet çıkması muhtemeldir. Deneyerek bulabilirsiniz. Ama genelde son bulunan kod olduğunu ipucu olarak belirteyim.

<data:post.body/>

Bu kodun altına aşağıdaki kodları yapıştırın.


<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'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>


Kaydet Butonuna tıklayın. Eklenti blogger blogunuza uygulanmış durumda. Benzer yazılar eklentisinin nasıl bir görünüme sahip olduğunu merak ediyor ve incelemek istiyorsanız benim yazımın altında bulunmakta . Kendi bloğumda da bu benzer yazılar eklentisi kullanmaktayım. Eklenti kurulumu bu şekilde. Herhangi bir sorunla karşılaşır veya sorularınız olursa yorum bölümünde belirtebilirsiniz.

Yorumlarınız için teşkür ederim Conversion Conversion Emoticon Emoticon