Tạo chức năng Hide/Show nội dung với Javascript

1.Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
2.Dán đoạn code dưới đây vào ngay trên thẻ </head> :

<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

3.Save lại template. Vậy là bạn đã thiết lập chế độ Hide/Show cho Blog.
4.Để sử dụng chức năng trong bài viết, bạn chèn đoạn code dưới đây vào khung soạn thảo :

<a href="javascript:togglecomments('ID-Name')">Xem Code</a><br />
<div class="commenthidden" id="ID-Name">Nội dung</div>

Nếu trong một bài viết mà bạn đặt nhiều nút Xem code thì cần phải đặt tên id lần lượt là ID-Name1, ID-Name2, ID-Name3,…