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



{tocify} $title={Table of content}

Cái này nghe hơi lạ phải không nào. Tại mình không biết ghi tiêu đề nhu thế nào cho hợp lý nên ghi như vậy rồi giải thích sau. Trước hết bạn hãy xem phần được đánh dấu của bức hình bên dưới.


Tức là khi mình vào một bài viết bất kì thì nó sẽ hiện lên cho thêm 1 thông số bên cạnh ngày giờ đăng bài, tên người đăng bài, thì nó có thêm thông số về thời gian ước lượng để đọc xong 1 bài viết đó. Đại khái là như vậy nhé.

Tại sao chúng ta lại thêm vào thời gian đọc ước tính cho Blogger?

Như trong WordPress, nhiều người dùng blogspot đã tìm cách để thêm thời gian đọc ước tính vào mẫu blogger. Điều này là do nó không chỉ làm cho trang web trông đẹp, mà còn tính toán thời gian đọc blog giúp người đọc của bạn biết họ sẽ mất bao lâu để đọc một bài báo cụ thể trong blog của bạn. Điều này bằng cách nào đó giống như plugin thời gian đọc bài đăng trên blog có sẵn cho người dùng WordPress, nhưng chỉ khác là plugin này là Javascript, giúp người dùng Blogspot dễ dàng thưởng thức hơn.

Cách hiển thị thời gian đọc ước tính trong Blogger

Mình giới thiệu cho bạn thời gian đọc ước tính javascript mà mình nhận được từ github.com/ajaymalik14/ . Để làm cho nó hoạt động trên blog của bạn, vui lòng làm theo các bước bên dưới.

1. Đăng nhập vào bảng điều khiển blogger của bạn và điều hướng đến Chủ đề.

2. Nhấp vào mũi tên (menu thả xuống) bên cạnh nút "TÙY CHỈNH".

3. Nhấp vào Chỉnh sửa HTML.
Trên bảng điều khiển HTML, tìm kiếm </body> theo cách khác, bạn có thể cuộn đến cuối mã, sau đó bạn sẽ thấy </body> ngay phía trên </html>.
Dán tập lệnh sau ngay trên </body>.
<b:if cond='data:view.isPost'>
<script>/*<![CDATA[*/ function get_text(el) {ret = ""; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.getElementById('post-body')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById("read-time").innerHTML = maincount + " minutes read"; /*]]>*/</script>
</b:if>

Sau khi dán tập lệnh, hãy đặt đoạn mã bên dưới, bất cứ nơi nào bạn muốn thời gian đọc xuất hiện. Việc này nó sẽ khác nhau theo từng giao diện của blog bạn, nên bạn phải tìm được nơi mà mình muốn đặt. Bạn có thể thêm 1 icon Font Awesome phía trước tùy thích.
<span id='read-time'/>

Sau đó, bạn có thể kiểm tra bất kỳ bài đăng nào của mình để xem thời gian đọc ước tính đã hiển thị trên blog của bạn. Chúc các bạn thành công.
Nguyễn Hoàng

Thích viết, thích chia sẻ những gì mình biết. Mặc dù viết không hay. Nên không quan tâm người ta có thích đọc không? :D

Đăng nhận xét

Mới hơn Cũ hơn