[CODE Blogspot] Hiển Thị Thời Gian Tải Blog

[CODE Blogspot] Hiển Thị Thời Gian Tải Blog

Unknown / lúc 21:20 ngày Thứ Bảy, 25 tháng 3, 2017 / 0 bình luận

Chia sẻ

Chọn hình thức muốn chia sẻ:
• Copy liên kết
• Facebook
• Google +
• Email

Kết bạn Kiều Gia Huy để cùng trao đổi, học hỏ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!