---

dailyvideo

Tổng số lượt xem trang

Rút ngăn tiêu đề bài viết cho tiện ích Recent Posts


Ở bài viết trước iTechPlus đã giới thiệu đến các bạn tiện ích Recent Posts giống iTechPlus.info. Đây là tiện ích rất hữu ích, có tính thẩm mỹ cao và code đã được tối ưu để có thể đạt được tốc độ nhanh nhất.

Các bạn có thể sử dụng tiện ích này để trang trí cho Blog và biến giao diện Blog thành giao diện Web một cách dễ dàng. Tuy nhiên, có bạn thắc mắc rằng : nếu tiêu đề của bài viết quá dài thì sẽ ảnh hưởng đến tính thẩm mỹ của tiện ích, và làm sao để khi rê chuột vào tiêu đề bài viết ( đã được rút ngắn ) thì sẽ hiện thị đầy đủ tiêu đề vốn có của nó ?
Vì vậy, trong bài viết dưới đây, iTechPlus sẽ hướng dẫn các bạn tùy biến tiêu đề bài viết cho tiện ích Recent Posts, có thể áp dụng chung cho tất cả các tiện ích Recent Posts mà iTechPlus đã và sẽ giới thiệu trong các bài viết sắp tới một cách đơn giản nhất.
Rút ngăn tiêu đề bài viết cho tiện ích Recent Posts
Hình minh họa sau khi tiêu đề tiện ích đã được rút ngắn
Cách thực hiện : ( ở đây iTechPlus sẽ làm mẫu với tiện ích Recent Posts giống iTechPlus.info )
1. Xem lại đoạn code tạo Recent Posts giống iTechPlus.info tại đây.
2. Tìm trong đoạn code đó bạn sẽ thấy đoạn code có dạng :
<a href="' + h + '"><b>' + g + '</b></a>
xuất hiện 2 lần.
3. Thay thế đoạn code trên thành đoạn code như bên dưới :
<a href="' + h + '" title="' + g + '"><b>' + removeHtmlTag(g, sumtitle) + '...</b></a>
4. Tiếp tục tìm đoạn code có dạng như sau :
<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168;
</script>
và thay thế thành :
<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168; sumtitle = 36;
</script>
với 36 là số ký tự sẽ lấy làm tiêu đề bài viết. Bạn có thể thay thành số khác nếu muốn.
5. Save and Done !
Như vậy là chúng ta đã hoàn tất việc rút gọn tiêu đề bài viết cho tiện ích Recent Posts và chỉ hiển thị đầy đủ khi rê chuột vào nó.
Chúc các bạn thành công !


0


Theo dõi: Blogspot | Facebook | Twitter | Google+

Đăng bởi Tin Lanh Mennonite on 03:50. Chuyên Mục . Chào mừng quí vị đã đến với Blog's của David Nguyễn. Nếu thấy nội dung blog's có ích cho quí vị xin vui lòng chia sẻ nó cho những người khác. Xin chân thành cảm ơn! Davidnguyen. Mọi thắc mắc, góp ý xây dựng xin liên hệ! tại đây.

0 nhận xét for Rút ngăn tiêu đề bài viết cho tiện ích Recent Posts

Đăng một nhận xét

BÀI MỚI

NHẬN XÉT MỚI

MEDIA

TIN TỨC

...

LÊN ĐẦU TRANG