Sử dụng thẻ SPAN để ẩn nội dung

Ngày Chủ Nhật, 26 tháng 2, 2012 Blog của Báo Mới Hà Nội chia sẻ với bạn đọc bài viết Sử dụng thẻ SPAN để ẩn nội dung
Chúc bạn xem tin tức vui vẻ !!

Theo yêu cầu của bạn Nguyễn Hải, hôm nay mình xin giới thiệu đến các bạn ứng dụng của thẻ SPAN đó là dùng thẻ này để ẩn nội dung. Ưu điểm của tiện ích này là giúp cho blog của bạn load nhanh hơn và giảm tình trạng lag, qua đó giúp người truy cập thuận tiện hơn. 

Để thực hiện được các bạn làm như sau:
1. Đăng nhập vào tài khoản Blogger của bạn 
2. Chọn Thiết kế => Phần tử trang
3. Chọn Thêm tiện ích => HTML/Javascript.
4. Copy và thêm toàn bộ đoạn code sau vào.

<div style="margin: 0px 0px 0px 0px;">
<div class="smallfont" style="margin-bottom: 0px;">
<input 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 = 'Tế Công (Châu Minh Tăng)'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 300px;" type="button" value=" Tế Công (Châu Minh Tăng) " />
<div style="border: 0px inset; margin: 0px; padding: 0px;">
<div style="display: none;">
<object data="http://files.tubesnack.net/app/swf/EmbedCanvas.swf?hash_id=tzcioaam&amp;t=1329790942" height="500" id="object-tzcioaam" type="application/x-shockwave-flash" width="800"></object></div>
</div>
</div>

CHÚ Ý: 
- Đoạn code màu xanh là tên của thẻ span.
- Đoạn code màu đỏ là nội dung mà bạn cần ẩn vào trong đó. (có thể ẩn bất cứ thứ gì như: code, text, video, ảnh,...)
- width: 300px chính là độ rộng của thẻ span.

5. Save lại và xem kết quả.
Chúc các bạn thành công!!!