Membuat Widget Spoiler Recent Comment | Tutorial Blog

• Login ke blogger, klik Design > Page Element.
  
• Klik Add a Widget dan pilih HTML/Javascript.
  
• Lalu letakkan kode berikut di area konten widget :
  Kode Script :

  <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Recent Comments'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Recent Comments" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"> <div style="display: none;  height: 250px; overflow: auto;">
  <script type="text/javascript" src="http://html-scripts.googlecode.com/files/comments.js"></script>
  <script type="text/javascript">
  var numcomments = 10;
  var showcommentdate = false;var
  showposttitle = true;var
  numchars = 100;var
  standardstyling = true;var
  showfooter = true;
  </script>
  <script type="text/javascript" src="http://wadahtutorial.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments"></script>
  </div></div></div>
  Silakan ganti wadahtutorial.blogspot.com dengan alamat blog Sobat.
• Terakhir klik Save.
  
  Selesai...
  Berikut contoh hasilnya :