"Belajar IPS Lewat Internet"

Membuat Tombol Show-Hide Recent Comment


Show-Hide Recent Comment (Komentar Terbaru) pada Blog
Tampilannya seperti 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 dapat disesuaikan 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.harunarcom.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://harunarcom.blogspot.com/p/daftar-isi.html" target="_blank"><img border="0" height="80" src="http://1.bp.blogspot.com/-kxdeL0eK0aw/Tz5-UNWlPXI/AAAAAAAAGnQ/XvtbVkhy-M4/s200/GIF027.gif" width="150" /></a></div>


ARTIKEL TERKAIT
Di bawah ini adalah beberapa materi lanjutan dan sebelumnya yang berkaitan dengan materi di atas