Header Ads Widget

Ticker

6/recent/ticker-posts

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
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
Demo.

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 sẽ không ảnh hưởng đến 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 bình luận ủng hộ nhé. Goodluck!

Đăng nhận xét