Trang chủ > Thủ thuật blog > Thêm nút (botton) để ẩn hiện nội dung bài viết bằng cách click vào botton

Thêm nút (botton) để ẩn hiện nội dung bài viết bằng cách click vào botton

Để có thể ẩn hiện bài viết bằng cách click chuột vào nút chúng ta có một số bước để thực hiện sau:

Bây giờ ta đi vào thủ thuật:
1.Vào bố cục
2.Vào chỉnh sửa code HTML
3.Nhấp chọn mở rộng mẫu tiện ích
4.Tìm đoạn code như bên dưới:







5.Thêm đoạn code màu đỏ vào như bên dưới:

//<![CDATA[
if(typeof(rnd) == ‘undefined’) var rnd = ”;
rnd = Math.floor(Math.random()*1000);
rnd = ‘id-‘ + rnd;
document.write(‘‘);
//]]>
[▼]

//<![CDATA[
document.write(‘
‘);
//]]>








6.Tiếp tục xuống dưới tìm đoạn code sau:


7.Và thay thế nó bằng code bên dưới :

//<![CDATA[
document.write(‘

‘);
//]]>




– Lưu ý: đối với các blog có tiện ích “Readmore…” thì các bạn di chuyển code của nó vào sau dòng code
, giống như bên dưới:

//<![CDATA[
document.write(‘

‘);
//]]>



{Code của thủ thuật readmore}

Code của thủ thuật readmore có dạng như bên dưới:

Lưu ý: thủ thuật này mình chỉ cho phép hiển thị ở trang chủ, nếu các bạn muốn hiển thị thủ thuật này ở tất cả các trang (trừ bài viết) thì các bạn thay đổi code như bên dưới:

Đổi code này lại:

Thành:

8.Save template

Chuyên mục:Thủ thuật blog
  1. Chưa có phản hồi.
  1. No trackbacks yet.

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s