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

 Tự động chuyển Blog sang địa chỉ khác

 Tạo sitemap đẹp cho Blogspot (Chọn nhãn tự động)

 Mang tuyết và cây thông Noel vào Blogspot ngày giáng sinh

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)