Chia sẻ Code Ẩn hiện nội dung bài viết cho Blogspot


Blog của bạn có bài viết chia sẻ hay bạn muốn chia sẻ cho mọi người nhưng nội dung nó quá dài để chia sẻ và bạn muốn làm cho nó ngắn đi mà không làm mất nội dung của bài viết.

Đặc biệt là những bạn nào chia sẻ các bài viết về truyện, tiểu thuyết hay các bài văn hay thì code ẩn hiện nội dung sẽ là điều mà các bạn đang nghĩ tới đúng không. Bìa viết này mình sẽ chia sẻ cho bạn một số code ẩn hiện mà không cần phải động chạm gì đến code của Blog của bạn.

Ẩn hiện nội dung cho blogspot sẽ làm cho bài viết trở nên ngắn gọn hơn, chúng ta nên ẩn một số chi tiết không quan trọng trong bài viết. Trong bài viết này chia sẻ Các kiểu Ẩn hiện nội dung bài viết cho blogspot mọi người theo dõi và cùng làm nhé.

Code Ẩn, hiện nội dung cho Blogspot

Để làm được điều này rất đơn giản các bạn cứ làm theo các hướng dẫn dưới đây là được thôi.

  • Truy cập vào Blogger của bạn
  • Viết bài viết mới và chuyển sang tab html

Để đi vào chi tiết thì các bạn đọc và hiểu rõ nhé

Bước 1 : Truy cập vào Blog theo link: http://blogspot.com/

Bước 2 : Các bạn viết bài viết mới sau đó chuyển sang Tab html và sử dụng 1 trong các loại code sau

Code 1: Tiêu đề nó sẽ trên đầu

<script type="text/javascript">
function show_hide(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
</script>
<button onclick="show_hide('box01');"  type="button"> Tiêu đề  </button>
<br />
<div id="box01" style="display: none;"> Nội dung chi tiết </div>
Chia sẻ Code Ẩn hiện nội dung cho Blogspot cực chuẩn

Code 2: Tiêu đề nó sẽ dưới cuối

<div id="spoiler" style="display: none;">
Nội dung của bạn ở đây
</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>
Chia sẻ Code Ẩn hiện nội dung cho Blogspot cực chuẩn 1

Code 3:

<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>

Rất đơn giản đúng không các bạn chỉ cần copy code chuyển sang Tab html khi đăng bài mới và chèn nội dung sửa tiêu đề hiển thị thế là xong. Chúc bạn thành công.

Xem thêm :Tại Đây
Blog Download Template Blogspot : Tại Đây
Blog Download Phần Mềm Free : Tại Đây
Blog Download Acapella : Tại Đây
Trang mã hóa URL : Tại Đây


Welcome to F4vnn.com - Blog Thủ Thuật, tất cả nội dung trên website được chúng tôi sưu tập trên Internet. Nếu có vấn đề về bản quyền với bài viết trên Blog vui lòng liên hệ với và chúng tôi sẽ xóa bài viết ngay lập tức . Liên lạc với Admin qua mail: hoangvansy90@gmail.com!

ĐỪNG QUÊN ĐĂNG KÝ FANPAGE ĐỂ NHẬN THỦ THUẬT MỚI NHẤT NHÉ!