Hướng dẫn tạo button ẩn/ hiện nội dung khi viết bài trên blogger
Sử dụng nút ẩn/hiện cho bài viết trên blogger sẽ giúp bài viết của bạn trông gọn gàng hơn.
Bước 1: Chuyển qua chế độ xem HTML,
Bước 2: Copy toàn bộ code bên dưới và thêm nội dung.
Bước 3: Lưu lại.
<div>
<div>
<input type="button" value="Show" style="width:75px; font-size:11px; margin:0px; padding:4px; border="1"" 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 = 'hiden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div>
<div style="display: none; border:#4F4F4F 1px solid; padding: 4px; background:# ">
NỘI_DUNG
</div>
</div>
</div>