Cara pasang expandable recent comments

Widget Recent Comments  adalah  Widget Blogger baru, yang menampilkan ulasan pembaca bersama-sama dengan Tarikh dan masa.Widget ini yang sangat menarik yang membolehkan anda mudah melihat kandungan Komen, anda tidak perlu klik pada pautan tajuk atau commenter untuk menunjukkan komen.
komen
Cara memasangnya:

1.Pada dashboard klik layout dan pilih Add a gadget
2. Kemudian pilih HTML/Javascript
3.Salin kod dibawah dan masukkan padanya
<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://thatsblogging.blogspot.com/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts">
</script>
<script type="text/javascript"  src="http://teknikbuatblog.blogspot.com/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">
</script>
</div>
<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://teknikbuatblog.blogspot.com/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts"> </script> <script type="text/javascript" src="http://teknikbuatblog.blogspot.com/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments"> </script> </div>
Nota:tukarkan http://teknikbuatblog.blogspot.com dengan alamat blog anda

4.Simpan widget anda

sumber:thatsblogging