Tạo nút Spoiler ẩn hiện nội dung trong blogspot

Một code đơn giản để làm gọn lại nội dung hiển thị trên bài đăng. Đặc biệt là đối với những Blog dùng nhiều hình ảnh trong bài đăng. Spoler ẩn hiện nội dung đã được chia sẻ nhiều rồi, nhưng tới ưng ý nhất với code này nên chia sẻ với các bạn. Chúc các bạn thành công.

Để sử dụng code, khi viết bài bạn chuyển sang chế độ HTML rồi dán vào vị trí mong muốn là được:

<div style="text-align:center"><div><div>
<input 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='Ẩn';}else{this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display='none';this.innerText='';this.value='Xem';}" style="font-size:11px;margin:0;padding:4px;width:75px" type="button" value="Xem" />
</div><div>
<div style="background:#;display:none;padding:4px">
Nội dung
</div></div></div></div>

Bạn có thể thay các dòng màu đỏ theo ý thích. text-align: center để spoiler hiện ở giữa thay center bằng left hoặc right để nút hiển thị ở bên trái hoặc bên phải tùy trường hợp.

Nội dung là phần bạn muốn ẩn, đó có thể là văn bản, ảnh, clip... bất cứ thứ gì.

Ví dụ (Hiện ở giữa)