GET LINK
Trong bài viết này mình tiếp tục chia sẻ cho các bạn code giới hạn ký tự tiêu đề cho Blogspot
Lưu ý: Backup lại Template trước khi chỉnh sửa CSS để tránh lỗi.
Đầu tiên vào Chủ đề Blogspot => Tùy chỉnh => Chỉnh sửa HTML
Cách 1: Tìm thẻ class tiêu đề của blogspot. Sau đó Copy đoạn code bên dưới và dán vào trước thẻ: </b:skin>
.title{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
Cách 2: Dùng script để giới hạn kí tự. Dán đoạn code này phía trên thẻ </head>
<script>$(".title").each(function(){if ($(this).text().length > 50) {$(this).text($(this).text().substr(0, 50));$(this).append('...');}});</script>
Lưu ý: Bạn cần xác định chính xác thẻ class của tiêu đề cần giới hạn để đưa các thuộc tính định dạng vào cho hợp lý nhé !
Lưu lại CSS. Thoát ra và kiểm tra.
Nếu có bất kỳ thắc mắc nào. Hãy để lại comment bên dưới để cùng nhau trao đổi và thảo luận nhé!
#TienWiki
TAGs:
Thủ thuật Blogspot