Hiển thị thời gian ước tính để đọc bài viết

Bước 1. Đăng nhập Blogger. Vào Design >> Edit HTML. Chọn Expand Widget Templates. Đặt đoạn code sau đây vào trước thẻ </head>

<script type='text/javascript'> //<![CDATA[ // Estimate-time-to-read-blogspot-post Script by Huynh Nhat Ha var wordsperminute = 300; var imagesperminute = 30; function timeperpostreading(id) { var postcontent = document.getElementById(id); var img = postcontent.getElementsByTagName("img"); var numimg = img.length; var strx = postcontent.innerHTML; 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(""); } var blankfirst = /^ /; var blankfinal = / $/; var blanktotal = /[ ]+/g; strx = strx.replace(blanktotal," "); strx = strx.replace(blankfirst,""); strx = strx.replace(blankfinal,""); var words = strx.split(" "); var numwords = words.length; var minutes = parseInt((numwords/wordsperminute)+(numimg/imagesperminute)); var seconds = parseInt((((numwords/wordsperminute)+(numimg/imagesperminute))-minutes)*60); minutes=("0" + minutes).slice (-1); seconds=("0" + seconds).slice (-2); var forreturn = "<b>Thời gian ước tính để đọc bài viết này:</b> "+minutes+":"+seconds; document.getElementById("timeperpost").innerHTML = forreturn; } //]]> </script>

Bước 2. Tìm đến dòng <div class='post-header-line-1'/> và đặt trước nó bằng dòng code bên dưới.

<p id='timeperpost'/>

Tiếp tục tìm dòng <data:post.body/> (hoặc <p><data:post.body/></p>) rồi thay thế nó bằng đoạn code bên dưới.

<div expr:id='data:post.id'><p><data:post.body/></p></div><script type='text/javascript'> timeperpostreading("<data:post.id/>"); </script>

Lưu Template là OK.

Nguồn bài viết: Hiển thị thời gian ước tính để đọc bài viết
Hình ảnh minh họa: internet