Loading post navigation ...
 
 

Pro page

18
Nhận xét

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

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Theo yêu cầu của bạn TOBU
Đô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ủ thuật này mình không có kèm hình minh họa, các bạn có thể xem demo ở đây : http://www.thuthuatpc.info/

Để 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 là xong. Bên dưới là các bước thực hiện :
1. Vào bố cục
2. vào chỉnh sửa code HTML
3. 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==6) {step=1}
if (step==1) {document.title='BlOg FD - Tips For Blogger'}
if (step==2) {document.title='Thủ thuật blogspot cho người Việt'}
if (step==3) {document.title='Hãy truy cập vào weblog:'}
if (step==4) {document.title='www.fandung.com'}
if (step==5) {document.title='Mọi thắc măc của các bạn sẽ được giải đáp'}
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==6) {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)
4. Save template.

Tham khảo thủ thuật từ website : thuthuatpc.info
Chúc các bạn thành công.


Enter your mail address:

18

mmovn

khà khà...hay quá ta...:D em đã áp dụng luôn vào đây... http://phim.nghiadoi.com
bà con qua kiểm chứng

♂←Xzip←♂

anh oi cai menu Vnexpress cua anh lam sao thay doi tu mau cam ra mau` khac' dc?

TOBU

Cảm ơn fandung nhiều ! Bài viết rất hay !

Phan Dũng

@Xzip : cái đó bạn phải tự mình chỉnh trong photoshop thôi :D , hoặc bất kì phần mềm đồ họa nào.

Khanh Nguyen

Rất Pro! Thanks

Trọng Bằng

Anh Dũng rất giỏi ,em phải học anh rất nhiều

QuangTam

Bạn cho mình hỏi chút nhé! làm cách nào để tên tiêu đề hiên trên thanh trình duyệt là tên của bài viết đang xem, blog của mình chỉ hiện mỗi tên tiêu đề chính của trang web mà thôi! chẳng hạn trang này : http://downloadingzones.blogspot.com
rất hay là mỗi bài viết tương ứng lại có một tiêu đề tương ứng hiện trên thanh trình duyệt!
mong được chỉ giúp...
Thanks!

fandung

@QuangTam : bạn có thể tham khảo bài viết này :

http://www.fandung.com/2009/07/hieu-chinh-tieu-e-cho-blog.html

Khanh Nguyen

FD ơi sao cái nội dung New Coments của mình nó không nằm trong Widget mà nó thừa ra ngoài về bên phải Widget vậy?
Và còn cái khung đăng Nhận Xét thì nó lại dịch về bên trái của cái Main vậy? Muốn làm cho nó nằm trong cái Main thì phải làm sao? Help me! Thanks

Khách (ẩn danh)

anh dũng view s hay wá ^^ thanks su

Khách (ẩn danh)

ban cho hoi lam sao de dua doan code làm ví dụ vào bài đăng được. lam on chi dum nha minh moi lam blog nen rat can. thanhk

thongtin247.blogspot.com

sao lau nay khong thay ban tra loi gi het vay
blog cua minh con nhieu thieu sot muon hoi ban nhung chang thay ban tra loi dang tu may mo. that la kho qua di

Góc Nhìn

Fd ơi gỡ cái link của thằng adnet ra đi, ko lẽ làm ko công cho nó à

teenvnexpress

bài này thật hữu dụng. Thanks FD

Khách (ẩn danh)

Truyện Cô Giáo Thảo

Khách (ẩn danh)

anh FD oi anh pit lam the nao de tao mot khung lien he den mail cua minh ko?moi noi dung ma nguoi vieng tham de lai se dc chuyen den email,gmail ma minh muon.anh pit chi voi thanks

Khách (ẩn danh)

deo lam dc Fd A........! blog.com ---> vao sua thong --> vao f12---> nhu the phai Ko Fd

Cartoons Online

Thanks!



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home