Membuat Tombol Show-Hide Recent Comment

Show-Hide Recent Comment (Komentar Terbaru) pada Blog

Tampilannya ibarat terlihat di bawah

Cara membuatnya:

Terletak di Sidebar (sebelah samping blog ini)

     1. Login / masuk keblog.

     2. Pilih Rangcangan (edit tata letak)

     3. Pilih Tambah Gadget

     4. Pilih HTML/Java Script

     5. Tulis judul -nya

     6. Copy Paste Kode HTML dibawah ini

     7.  Warna Merah sanggup diadaptasi dengan selera kita

     8.  Klik SIMPAN

Kode HTML-nya

<div style="margin: 0px 0px 0px;">

<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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Recent Comment'; }" style="font-size: 15px; margin: 0px; padding: 0px; width: 165px;" type="button" value="Recent Comment" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">

<div style="display: none;">

<div class="separator" style="clear: both; text-align: center;">

</div>

<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 20;var showcommentdate= false;var showposttitle = true;var numchars = 60;var standardstyling = true;</script> <script src="http://www. /feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

</div>

</div>

</div>

<div class="separator" style="clear: both; text-align: center;">

<a href=" /p/daftar-isi.html" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfPRCUQSZ-mtDFaycNYxgsm1TeG6YyDGa5U-Sc6guVVfnHDeZc5YDP1wHiVxzXjpFWCVi8kYcwDnDIFityXRqiTnJluUxOIkxoTZXNhVOFUnShmxSIZ0B3tE5wJumeZ8dCvV4MgnUNhs/s200/GIF027.gif" width="150" /></a></div>