Thư viện

Trải nghiệm

Thứ Bảy, tháng 8 06, 2011

Rút gọn tiêu đề Recent posts cho blogger ves2

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ó ? (Xem lại Tại đây)

Chia sẻ:
Tiện ích Recent Posts dành cho blogspot ves2 - Rút gọn tiêu đề
Đâ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ó ? (Xem lại Tại đây)

Vì vậy, trong bài viết dưới đây, Namkna 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à Namkna đã 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.Tiện ích Recent Posts dành cho blogspot ves2 - Rút gọn tiêu đề
Ảnh minh họa:
Tiện ích Recent Posts dành cho blogspot ves2 - Rút gọn tiêu đề
☼ Cách tiến hành:

1. Cài đặt Recent Posts ves1 mà namkna giới thiệu trước đây. Nếu chưa cài thì xem bài này.

2. Tìm trong đoạn code đó bạn sẽ thấy đoạn code có dạng tương tự như dưới (phàn mình tô màu xanh):
<a href="' + h + '"><b>' + g + '</b></a>
Code trên 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. Lưu Mẫu (Save) lại là xong.!
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 !
itechplus

11 nhận xét:

  1. Anh Nam ơi! Cho em hỏi làm sao ẩn 1 tiện ích HTML/JavaScript ở mọi trang trong blog ngoại trù trang chủ! Cho em cảm ơn trước!!! :Q) :Q) :Q)

    Trả lờiXóa
  2. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  3. @Fairstar

    Đang tìm mẫu mày :D vừa hợp với blog mình..cảm ơn anh Nam nhé :D

    Trả lờiXóa
  4. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  5. Anh Nam ơi, cho em hỏi câu này với..
    nếu em ko muốn sử dụng css của mẫu trên mà muốn dùng css đã có sẵn của temp..thì bỏ đi như thế nào..để vẫn có ảnh đại diện ở bài viết đầu anh nhỉ? :-?

    Trả lờiXóa
  6. @Trần Phụng Anh Thành phần CSS dùng để quy định trật tự và định dạng cho các thành phần HTML do vậy em chỉ có thể chỉnh sửa các thành phần CSS đó thôi. Nếu thay đổi thành một CSS khác khi đó các tên biến của CSS thany đổi thì tiện ích sẽ không hoặt động được. CSS trong template của em là để định hình giao diện của blog do vậy nó khác với CSS của tiện ích này.

    Trả lờiXóa
  7. Bạn Nam..mình muốn chia blog thành 2 phần chỗ main để chèn code thì làm như nào..^^

    Trả lờiXóa
    Trả lời
    1. Bạn xem bài này:
      http://namkna.blogspot.com/2011/07/chen-2-cot-widget-vao-main-wrapper.html

      Xóa
  8. Blog em không có đoạn <script type='text/javascript'>
    numposts = 5; list1 = 1; sumPosts = 168;
    </script>
    anh Nam Tạ ơi

    Trả lờiXóa
    Trả lời
    1. Đây là đoạn mã của tiện ích này em ak. XEM NGAY Nên blog em chỉ có khi em sử dụng tiện ích đó thôi em ak.

      Xóa