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

Posted on by mtoplistChuyên mục:Top List

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

mtoplist