Blogger Genişletilebilir Son Yorumlar Eklentisi

Bu gün sizlerle genişletilebilir son yorumlar eklentisini paylaşıcam, Aşağıda ki Resim de görüldüğü üzere yapılan yorumlar gizlenip tekrar gösterilebiliyor. Tek bir yoruma bakmak için başında ki -/+ butonuna tıklamanız, Tümünü görmek için ise Show All'a tıklamanız yeterli olucaktır. Yorumları gizlemek için Hide all butonunu kullanabilirsiniz.

Blogger'a Genişletilebilir Son Yorumlar Eklentisi Ekleyin

 Adım 1

Blogger Kumanda Penelinden > Yerleşim > Gadget Ekle'ye Tıklıyoruz.

Adım 2

Açılan Pencerede HTML/JavaScript Widgetine Tıklayın.

 

Adım 3:

Açılan HMTL/JavaScript penceresine aşağıdaki kodu yapıştırın.

<style type="text/css" media="screen">
.row-aa {        background: #f2f2f3; }
.row-bb {        background: #F8F5F1; }
.row-div {  
  margin:0px; 
  padding:5px; 
}
.comment-header { 
  font-size:0.9em; 
//  border:1px solid #E0E0E0; 
//  background-color:#F3F3F3; 
  padding:4px; 
  margin-top:10px; 
  margin-bottom:5px; 
}
.comment-box {
  margin:0px;
  padding:0px;
  font-size:0.9em;
  height:500px;
  overflow:auto;
}
.comments1  {  
//  background: #F3F3F3; 
  padding:3px; 
  border-left:1px dashed #A6A6A6;
  color: #888888;
  font-style: italic;
  padding-top:4px;
  margin-bottom:5px;
}
.comment-footer {
  text-align:center;
  font-size:0.9em;
  padding:4px;
  margin-top:5px;  
}
</style>

<div style="text-align: center" class="comment-header"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == &#39;Show all&#39;) { unfold_all(this); this.value=&#39;Hide all&#39;; } else { fold_all(this); this.value=&#39;Show all&#39;; }" style="width:8em;font-size:1em;font-family:Verdana,sans" value="Show all" /></div>

<div class="comment-box">
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/expandable-recent-comments.js"></script>
<script type="text/javascript"  src="http://blogkaynagi.blogspot.com/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts">
</script>
<script type="text/javascript"  src="http://blogkaynagi.blogspot.com/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">
</script>

</div>

Not: Mavi renk http://blogkaynagi.blogspot.com ile belirtilmiş olan yeri sitenizin adresiyle değiştirin ve işlem tamam.

Keyfini çıkarın:)