Thay đổi số kí tự mô tả bài viết tại trang chủ Blogger

Auto Readmore? Một khái niệm đã quá quen thuộc đối với người dùng Blogger, nó cũng đã từng trở thành một chủ đề hot được khá nhiều người quan tâm. Bạn hiểu đơn giản  Auto Readmore có tác dụng tự động nhận biết hình ảnh bài viết, quy định số lượng kí tự mô tả, xem chi tiết,...Hôm nay mình sẽ giới thiệu các bạn cách làm một phần trong nó, đó là "Thay đổi số kí tự mô tả bài viết tại trang chủ Blogger", đây cũng là một vấn đề mà rất nhiều bạn đã hỏi mình.

Trên các blog website có khá nhiều bài viết về Auto Readmore, tuy nhiên mình nhận thấy vẫn còn nhiều đặc điểm chưa phù hợp như file JS nặng ảnh hưởng lớn tới tốc độ tải trang, làm méo hình ảnh,...làm cho mọi người khó hình dung ra được cách làm. Bài viết hôm nay chỉ là cách để thay đổi số kí tự mô tả cho bài viết tại trang chủ, chính là một phần trong Auto Readmore với code khá đơn giản!

Các bước thực hiện

1. Thêm đoạn code sau lên trên thẻ đóng </head>

<script type='text/javascript'>//<![CDATA[

function removeHtmlTag(strx, chop) {

    if (strx.indexOf("<") != -1) {

        var s = strx.split("<");

        for (var i = 0; i < s.length; i++) {

            if (s[i].indexOf(">") != -1) {

                s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);

            }

        }

        strx = s.join("");

    }

    chop = (chop < strx.length - 1) ? chop : strx.length - 2;

    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;

    strx = strx.substring(0, chop - 1);

    return strx + '...';

}

function createSummary(pID) {

    var div = document.getElementById(pID);

    var summ = 100;

    var summary = '<div><p>' + removeHtmlTag(div.innerHTML, summ) + '</div></p>';

    div.innerHTML = summary;

}

//]]></script>

Lưu ý: 100 là số kí tự bài viết, bạn có thể thay đổi theo ý muốn của mình.

2. Các bạn tìm đoạn code sau: <data:post.snippet/>. Tìm khéo nhé!

Thay đoạn code đó bằng đoạn code sau:

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'> createSummary(&quot;summary<data:post.id/>&quot;);</script>

Vậy là ok, bạn lưu lại và kiểm tra kết quả nhé!

Lời kết

Một đoạn code khá đơn giản giúp bạn có thể thay đổi số kí tự mô tả bài viết trên trang chủ mà không hề ảnh hưởng nhiều tới tốc độ tải trang. Nghe đâu, nó còn có lợi cho SEO, các bạn thử tìm hiểu nhé, mình chưa có nhiều kinh nghiệm trong chuyện này. 

Nguồn ViệtMMO - http://www.dongviet.info/

Bạn có thể xem thêm các bài:

• Những Code Thông Dụng Cho Blogspot
• Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot
• Code tạo hình nền và chia cột cho bài viết Blog
• Thủ thuật tạo chữ chuyển  động cho Blogspot
• Hướng Dẫn Thiết Kế Template Blogger

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..