Văn Vỹ IT: [CODE Blogspot] Hiển Thị Thời Gian Tải Blog

Tham gia nhóm BSW Community để cùng trao đổi và nhận nhiều bài viết hay, hữu ích nhé!

- Mình sẽ hướng dẫn các bạn tạo một widget đơn giản hiển thị thời gian tải trang web của bạn.Widget này giúp cho bạn đọc ghé thăm blog của bạn có thể biết được thời gian load trang của bạn là bao lâu, và cũng để chính chũng ta biết được khả năng load của blog mình là nhanh hay chậm. Bắt đầu nhé :))

Bước 1: Truy cập vào trang quản lý blog, Chọn mục bố cục (Như hình):

Bước 2: Thêm tiện ích - HTML/Javascript (Như hình):

Bước 3: Coppy rồi gián đoạn code bên dưới vào (Như hình):

 <div class='widget-content'><style>#texttime{font-weight:bold;text-align:center;text-transform:uppercase;padding:3px;width:100%;float:left;color:#fff;font-size:10px;background:#199386;border-radius: 2px}#endTime{color:#FFF700}</style><script type="text/javascript">var startTime=new Date();function currentTime(){var a=Math.floor((new Date()-startTime)/100)/10;if (a%1==0) a+=".0";document.getElementById("endTime").innerHTML=a}window.onload=function(){clearTimeout(loopTime)}</script><script type="text/javascript">document.write('<span id="texttime"><i class="fa fa-clock-o" aria-hidden="true"></i> Thời Gian Load Trang: <span id="endTime">0.0</span> giây</span> ');var loopTime=setInterval("currentTime()",100);</script></div>

Mọi thắc mắc comment bên dưới.  Chúc các bạn thành công!