Tạo button ẩn/hiện nội dung blogspot

Trong một bài viết nếu dài quá hoặc muốn ẩn đi một phần khi bấm vào xem thêm sẽ hiện ra tất cả nội dung của bài viết tạo cho bài viết sinh đông hơn.
Tạo nút button Open/Close mở đóng & ẩn hiện nội dung cho Blogspot có thể làm được điều này
* Cách thực hiện:
-Trong bài viết => bấm vào phần HTML và chèn  một trong các code dưới vào HTML
+ Code 1:

<div> <div> <input type="button" value="Xem" style="width:75px;font-size:10px;margin:0px;padding:0px;" 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'; }"> </div> <div> <div style="display: none;"> {Phần nội dung bị ẩn} </div> </div> </div>

Demo 1 :

{Nội dung bị ẩn}

+Code 2:

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"> <div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"> <span 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.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div> <div class="quotecontent"> <div style="display: none;"> {Nội dung bị ẩn}</div> </div> </div>

Demo 2 :

Spoiler: show

{Phần nội dung bị ẩn}

+Code 3:

<div id="spoiler" style="display: none;"> Nội dung bị ẩn, có thể chèn mã HTML </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>

Demo 3 :

Nội dung bị ẩn, có thể chèn mã HTML

Chọn mẫu code mình thích trong 3 code trên để sữ dụng . Những code này được sưu tập trên mạng xã hội tổng hợp lại để sữ dụng sau và chia sẽ với mọi người.