Thủ Thuật Viết Bài

<>

Một số Thủ Thuật Viết Bài trên Blog với HTML

Nút ẩn- hiện

Demo 

Code

<div style="margin: 0px 0px 0px 0px;">
  <div class="smallfont" style="margin-bottom: 0px;">
   <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 = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Hiện'; }" style="fontsize: 10px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Hiện" />
  </div>
 <div style="border: 0px inset; margin: 0px; padding: 0px;">
  <div style="display: none;">

phần  cần ẩn


   </div>
 </div>
</div> 

Scroll table

Demo 

hello

Code  Demo

<div style="border: 1px solid black; height: 200px; overflow: scroll; width: 600px;">

bài viết

</div>

Code dinh kem

<div class="code">
Code tại đây
</div>

Ghi chú 

Demo

Demo Demo

<div class="note">

 Phần Note 

</div>

Thu nhỏ

<span id='View-more' style='display: none;'>

phần cần thu nhỏ

</span>
<span id='View-toggle'><a href='javascript:moreView()'>&#187;More&#187;</a>
</span>