Lúc trước, mình có giới thiệu đến các bạn thủ thuật tạo tag Spoiler để ẩn nội dung bài viết giống các forum, dùng thẻ DIV để hoạt động. Nếu bạn thích dùng Javascript hơn, hãy sử dụng thủ thuật Hide/Show ở bài viết này.
Để tạo chức năng này cho Blog, bạn hãy thực hiện các bước dưới đây. Nhưng trước tiên, mời bạn xem qua kết quả của thủ thuật :
Để tạo chức năng này cho Blog, bạn hãy thực hiện các bước dưới đây. Nhưng trước tiên, mời bạn xem qua kết quả của thủ thuật :
- Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
- 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> - Save lại template. Vậy là bạn đã thiết lập chế độ Hide/Show cho Blog.
- Để 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')">Click để Ẩn/Hiện nội dung</a><br />Note : Để chức năng hoạt động, bạn cần đặt ID-Name trùng khớp với nhau và ở trạng thái xuất bản (Trong trình soạn thảo sẽ không thấy hoạt động).
<div class="commenthidden" id="ID-Name">Nội dung</div>
0 nhận xét:
Đăng nhận xét
♦ Mời bạn gửi Nhận xét của mình. Nếu không có tài khoản Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, bạn vẫn có thể nhận xét bằng cách chọnComment as là Tên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.
♦ Bấm vào Xem trước [Preview] bên dưới khung nhận xét nếu muốn xem trước comment đã viết, trước khi post [đăng]. Tương tự, bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.
♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét để phản hồi, đánh giá, góp ý.... suy nghĩ của bạn. Thông qua Nhận xét hãy để cho mọi người biết Bạn là ai.
Xem ký tự của emoticons khỉ Yoyo tại đây.