Blogger benzer yazılar eklentisi

By Adsız - 19 Şubat 2014 Çarşamba - 3 Comments

Blogger kullanıcıların en sevdiği Blogger eklentilerden bir tanesi konu sonunda yer alan benzer yazılar eklentisidir. Benzer konularda ki yazılarınızı ziyaretçilerinize sunmak kullanıcıların sitede daha uzun kalmasına ve zamanla sadık bir ziyaretçi olma yolunda iyi bir yöntemdir. Eklentide 2 farklı rengin kullanılmasıda ziyaretçilerin dikkatini daha çok çekiyor..

Kodu eklemeden Önce İsterseniz DEMO Blogumuzdan Eklentiyi İnceleyebilirsiniz

1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz.
2 ) Ctrl + F yardımı ile ]]></b:skin> kodunu buluyoruz.
3 ) ]]></b:skin> kodunun üzerine aşağıdaki Blogger Yayın içine Benzer Yazılar Eklentisi kod dizinini ekliyoruz.

 .related-post{margin:1em auto 0;font-size:13px;background:#fff;border-radius:4px;border: 1px solid #eee;}.related-post h4{font-size:14px;margin:0 0 .5em;background:#2980b9;color:#fff;padding:14px;font-weight:normal;border-radius:4px 4px 0 0;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}ul.related-post-style-1{margin-left:0px;padding-left:0!important;margin-top:-12px;font-family:Nova Square}.related-post-style-1 li{list-style:none;border-top:1px solid #eceef5;width: 99%;}.related-post-style-1 li a{color:#79798d;text-decoration:none;font-size: 12px;display: block;padding: 14px 8px;font-weight:bold;}.related-post-style-1 li a:hover{color: #FFFFFF;text-decoration: none;background: #1abc9c;}ul#relpost li .relatedpost_description{font:normal 11px Electrolize,sans-serif}  
 .related-post-style-1 li a {color:#2c3e50}.related-post-style-1 li a:hover{color:#fff;text-decoration:none}

Bu kodları ekledikten sonra yine
1 ) Blogger kumanda paneline gelip Şablon >> HTML'yi Düzenle sekmesiyle kodlarımızı açıyoruz.
2 ) Ctrl + F yardımı ile <div class='post-footer-line post-footer-line-1'>
kodunu buluyoruz.
3 ) <div class='post-footer-line post-footer-line-1'> kodunun üstüne aşağıdaki Blogger Yayın içine Benzer Yazılar Eklentisi kod dizinini ekliyoruz.

 <!--biribiziokuyor.com Benzer Yazılar-->   
 <b:if cond='data:blog.pageType == &quot;item&quot;'>  
  <div id='related-post' class='related-post'/>  
  <script type='text/javascript'>  
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>  
      &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>  
    </b:loop></b:if>];  
  var relatedPostConfig = {  
    homePage: &quot;<data:blog.homepageUrl/>&quot;,  
    widgetTitle: &quot;&lt;h4&gt;Benzer Yazılar:&lt;/h4&gt;&quot;,  
    numPosts: 5,  
    titleLength: &quot;auto&quot;,  
    containerId: &quot;related-post&quot;,  
    newTabLink: false,  
    widgetStyle: 1,  
    callBack: function() {}  
  };  
  </script>  
  <script type='text/javascript' src='https://biribiziokuyor-com.googlecode.com/svn/Benzeryaz%C4%B1lar.js'/>  
 </b:if>  
 <!--biribiziokuyor.com Benzer Yazılar-->

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

kodunu arattığınıza birden fazla sonuç çıkabilir.Genelde ikinci bulduğunuz <div class='post-footer-line post-footer-line-1'>kodunun altına yapıştırın.Test blogunda eklentiyi denerken ikinci <div class='post-footer-line post-footer-line-1'> kodun altına ekledik .Eğer olmazsa diğer bulduğunuz <div class='post-footer-line post-footer-line-1'> kodların altına tek tek ekleyerek deneyiniz

Kırmızı İle Gösterilen numposts: 5' Değeri Kaç benze yazının olacağını belirtiyor

News Ticker

Blogger benzer yazılar eklentisi

Share This:

Post Tags:

BiriBizi Okuyor

Sosyal Link:

3 yorum to ''Blogger benzer yazılar eklentisi"