Nút button Open/Close mở đóng & ẩn hiện nội dung cho Blogspot

Thủ thuật này thực hiện khi người dùng muốn xem nội dung, họ sẽ click vào Nút Open/Close để xem, không xem thì nó ẩn lại!

Hướng dẫn tạo button ẩn hiện

Nguồn : terocket.com

Các bạn tham khảo demo tại đây:

Live Demo

Ví dụ bạn muốn chèn nó vào bài viết của Blogspot Blogger, các bạn chỉ cần vào phầnBài đăng mới -> Qua phần HTML -> Chèn đoạn Code tương ứng vào là xong!

Đây là code:

<div id="spoiler" style="display: none;">
Nội dung của bạn ở đây, có thể chèn mã HTML vào trong này nhé!
</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>