Show-Hide Recent Comment (Komentar Terbaru) pada Blog
Tampilannya menyerupai terlihat di bawah
Teknik menciptakannya:
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.harunarcom.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</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="belajaripssmp789.blogspot.comp/daftar-isi.html" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitK2lb_Y3ZoMfik-XaQw7dhKQYm35X73tOisicjvNK_-OoE_OPW6ET0x53VS1k7Z7mrIaduWiMztk02zvkGdNZY4xWcALlAQ_XM7CKtuGvkFP-1f1Ni7WpX7ctV5OyozGPBaZSMAbs_Hg/s200/GIF027.gif" width="150" /></a></div>
Tag :
Disimpen Ben Ra Lali
0 Komentar untuk "Membuat Tombol Show-Hide Recent Comment"