Với thủ thuật này, khi người đọc bấm vào nhãn muốn xem, các bài đăng trên nhãn này chỉ hiển thị tiêu đề còn nội dung được ẩn đi, người đọc chỉ việc click vào dòng ghi chú để mở hoặc đóng nội dung, rất giống với kiểu Peekaboo dành cho Blogger mới tuy nhiên không có phần tóm tắt.
Các bước tiến hành như sau:
Bước 1. Sao lưu template hiện thời của bạn:
Bước 2. Thêm CSS vào style:
Bạn chỉ cần chép đoạn mã dưới chèn giữa hai thẻ <style> và </style>
.posthidden {display:none}
.postshown {display:inline}
Bước 3. Thêm JavaScript vào header:
Bạn sẽ sử dụng đoạn JavaScript dưới đây đưa vào giữa hai thẻ <head> và </head>. Đoạn mã này chứa hàm điều khiển ẩn hiện bài đăng.
<script type="text/Javascript">
function expandcollapse (postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
</script>
Bước 4. Cuối cùng bạn chỉ cần vào Edit HTML ( Chỉnh sửa HTML ) tìm đoạn mã sau:
<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<div class="post-body">
<div>
<$BlogItemBody$>
</div>
</div>
Và thay thế bằng:
<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>
<span class="posthidden" id="<$BlogItemNumber <span class="posthidden" id="<$BlogItemNumber$>1">
amp;gt;1">
<$BlogItemBody$><br />
</span>
<p>
<a href="javascript:expandcollapse('<$BlogItemNumber$>1')">
[+/-] Ẩn/Hiện bài đăng này</a>
</p>
</div>
Tất nhiên bạn có thể thay đổi đoạn văn bản [+/-] Ẩn/Hiện bài đăng này theo ý thích. Sau khi đưa các đoạn mã trên bạn lưu lại mẫu của mình.
Chúc bạn thành công !
Thủ thuật hiển thị tiêu đề và ẩn nội dung bài đăng
Cám ơn bạn đã tham quan Blog hi vọng Blog này mang lại cho bạn những kiến thức bổ ích và giây phút thư giản thú vị ! Hãy thêm RSS feed của tôi vào Blog, Website hoặc chương trình đoc RSS của bạn để cập nhật thông tin nhanh hơn.Nếu có gì thắc mắc xin để lại nhận xét ở cuối bài đăng, Thắc mắc của bạn sẽ được giải đáp trong thời gian sớm nhất. Chúc Bạn có một ngày vui vẽ !. Hẹn gặp lại bạn !
Liến Kết
Không có nhận xét nào:
Đăng nhận xét