.

Blogger Benzer Yazılar Eklentisi(Resimli) Görsel Anlatım YENİ

Blogger Benzer Yazılar Eklentisi(Resimli) Görsel Anlatım YENİ

Merhaba arkadaşlar bugün sizi bu makalemizde blogger altyapılı sitelerimize "Resimli Benzer Yazılar Eklentisi"ni nasıl oluşturacağımızı anlatacağım.

benzer yazılar eklentisi blogger
Blogger Benzer Yazılar Eklentisi


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}  


Yukarıdaki Kodları Ekledik Ya Sonra ;

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.

<!--kesikpeynir.blogspot.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>  
 <!--kesikpeynir.blogspot.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 



blogger benzer yazılar eklentisi,blogger benzer yazılar,benzer yazılar resimli,benzer yazılar kareli şekilde eklenti,benzer yazı widget,blogger benzer postlar,blogger ilgili yazılar,blogger eklentileri,blogger seo,blogger seo ayarları,blogger benzer yazılar eklentisi kur,blogger benzer yazılar eklentisi resimli anlatım,blogger eklenti kurulumu,blogger benzer mesajlar eklentisi,blogger son yazılar eklentisi,blogger sidebar eklentisi,blogger manşet eklentisi
BENZER YAZILAR
İleri
« Önceki
Önceki
Next Post »

Bir "Teşekkür" Yeterli :) Kod ÇeviriciKod Çevirici İfadelerİfadeler