Cách thêm thời gian đọc ước tính vào bài viết Blogger

Hiển thị thời gian đọc ước tính cho các bài viết là một ý tưởng hay. Nó cung cấp cho độc giả blog của bạn biết được cụ thể về lượng thời gian họ cần dành để đọc bài viết đó là bao lâu. Chúng ta sẽ sử dụng một đoạn javascipt đơn giản để làm điều này.

Thêm thời gian đọc bài viết vào Blogger

Đăng nhập trang quản trị Blogger > Chủ đề > Chỉnh sửa HTML.

Chèn đoạn code sau vào trước thẻ </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function() {
    var txt = $(".post-full-content")[0].textContent,
    wordCount = txt.replace( /[^\w ]/g, "" ).split( /\s+/ ).length;
    var readingTimeInMinutes = Math.floor(wordCount / 228) + 1;
    var readingTimeAsString = readingTimeInMinutes + " phút đọc";
    $('article .reading-time').html(readingTimeAsString);
});
</script>

Chèn đoạn code bên dưới nơi bạn muốn hiển thị thời gian đọc.

<div class="reading-time"></div>

Cuối cùng. Thêm đoạn CSS trước ]]></b:skin>

.reading-time:before {
  content: 'Thời gian đọc:';
  margin-right: 3px;
}