Tạo hiệu ứng chữ chạy trên thanh Tiêu đề trình duyệt cho Blogspot

Một trong những cách để tạo thu hút trên blog là động cho thanh tiêu đề, nó sẽ giảm thời gian ở trạng thái nhàn rỗi của blog. Nó rất dễ dàng để thực hiện.

Tạo hiệu ứng chữ chạy trên thanh Tiêu đề trình duyệt cho Blogspot

Màn hình này được lấy từ trình duyệt chrome. Nó cũng áp dụng hiển thị ở trạng thái cửa sổ window nhé!

Làm nổi bật tiêu đề thanh trình duyệt

Thực hiện

Các bạn chèn đoạn code sau phía trên thẻ </body>
<script type='text/javascript'>
msg = document.title;
msg = msg + ".";
position = 0;

function scrolltitle() {
  document.title = msg.substring(position, msg.length) + msg.substring(0, position);
  position++;
  if(position > msg.length) position = 0
  window.setTimeout("scrolltitle()", 110);
}
scrolltitle();
</script>
Hoặc các bạn cũng có thể tạo một tiện ích ở phần bố cục dán nó vào tăng tốc độ tải trang hơn là khi bỏ nó trong thẻ body.

Lưu ý

Nếu bạn muốn thay đổi văn bản tiêu đề bằng văn bản bổ sung, hãy thêm văn bản vào sau hoặc trước  msg = msg + ".";
ví dụ: msg = msg + ". Văn bản bổ sung của tôi";

Cuối cùng lưu nó và mở blog của bạn, tiêu đề blog hay tiêu đề bài viết của bạn có chuyển động kìa :v Nếu thấy hay hãy để lại cmt ủng hộ nhé. Goodluck!

0 Nhận xét