Bloggere Benzer Konular Gadgeti Ekleme

Blogger Benzer Konular Eklentisi, Blogger Şunlara da Göz Atabilirsiniz Gadgeti

Blogger de yazdığınız bir yazıya benzer kayıtlar Gadgetini eklemek blogunuz için yararlı olacaktır.

Kullanıcılar okuduğu konunun sonuna gelince makale altında Benzer Konular'ı görünce tıklama ihtimali olacaktır.

Bu da kullanıcıların blogunuzda kalma süresini artıracaktır.

Eklenti kayıtlardaki etiketlere göre çalışır...

Gelelim Kodların Nasıl Eklendiğini Anlatmaya:

Aşağıda verdiğim kodları Şablon>Html Düzenle kısmına gelin. Şablonun Html kodları açık iken CTRL+F tuş kombinasyonuna tıklayın. Çıkan arama çubuğuna ]]></b:skin> yazın ve bu kodun hemen üzerine aşağıdaki kodları ekleyin...

/* ==== Related Post Widget Start AG ==== */
.related-post {
  margin:2em auto 0;
  font:normal normal 11px/1.4 Arial,Sans-Serif;
}
.related-post h4 {
  font-size:150%;
  margin:0 0 .5em;
}
/* Style 3 */
.related-post-style-3,
.related-post-style-3 li {
  margin:0;
  padding:0;
  list-style:none;
  word-wrap:break-word;
  overflow:hidden;
}
.related-post-style-3 .related-post-item {
  display:block;
  float:left;
  width:110px;
  height:auto;
  padding:6px;
  border-left:1px solid #eee;
  margin-bottom:-989px;
  padding-bottom:999px;
}
.related-post-style-3 .related-post-item:first-child {border-left:none}
.related-post-style-3 .related-post-item-thumbnail {
  display:block;
  margin:0 0 10px;
  width:110px;
  height:110px;
  max-width:none;
  max-height:none;
  background-color:transparent;
  border:none;
  padding:0;
}
.related-post-style-3 .related-post-item-title {font-weight:bold}
/* ==== Related Post Widget End AG ==== */

Sonra şu kodu <div class='post-footer'> arayın ve hemen üzerine aşağıdaki kodları ekleyin. Bu koddan 2 tane varsa, ikincinin hemen üzerine yapıştırın...

Kodlar:

<!-- Related Post Widget Start AG -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='related-post' id='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 Konular :&lt;/h4&gt;&quot;,
      numPosts: 4,
      summaryLength: 370,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 115,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: true,
      moreText: &quot;Read More&quot;,
      widgetStyle: 3,
      callBack: function() {}
  };
  </script>
  <script src='http://blogger-json-experiment.googlecode.com/svn/resources/related-post/related-post.min.js' type='text/javascript'/>