Hiệu ứng thay đổi tiêu đề cho blog theo thời gian

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !

Đôi khi các tiêu đề blog của bạn quá dài và nó không thể hiển thị được hoàn toàn trên thanh Navigation của trình duyệt web. Để khắc phục điều này ta có thể thay thế bằng các tiêu đề ngắn gọn, xúc tích. Hoặc cũng có thể tạo hiệu ứng chạy chữ cho các tiêu đề dài (cách này khá phổ biến). Hôm nay mình sẽ giới thiệu cách khác để khắc phục điều này. Đó là hiệu ứng thay đổi tiêu đề bài viết theo thời gian.

Để thực hiện thủ thuật này, chúng ta chỉ cần chèn 1 đoạn script nhỏ vào trong code template (code -> chỉnh sửa code HTML là xong - đối với blogger) hoặc vào phần TOP PART (đối với uCoz). 

Chèn đoạn code Javascript bên dưới vào trước thẻ đóng </head>

<script language='javascript'>

step=0

function flash_title(){

step++;

if (step==4) {step=1}

if (step==1) {document.title="Chjp's Blog - http://b3smile.co.cc"}

if (step==2) {document.title='Chia sẻ nụ cười !'}

if (step==3) {document.title='Chúc các bạn một ngày mới vui vẻ và hạnh phúc'}

setTimeout("flash_title()",700);}

flash_title();

</script>

 

- Thay đổi các code màu xanh thành các tiêu đề mà bạn muốn hiển thị.

- if (step==4) {step=1} : đây là đoạn code để quay về vòng lặp. nếu bạn có 10 tiêu đề, thì sửa nó lại thành if (step==11) {step=1}

- setTimeout("flash_title()",700);} : đây là code điều chỉnh thời gian giãn cách giữa 2 tiêu đề (đơn vị là ms)

- Lưu lại và nhấn F5 để xem kết quả !

Chúc bạn thành công !

Tham khảo từ thuthuatpc.info & fandung.com