Monday, May 10, 2010

Ghép nhiều tiện ích HTML/JavaScript làm một

Đã cập nhật: Giải pháp sử dụng tên miền miễn phí CO.CC cho Blogger và Yahoo! 360plus.
Càng sử dụng nhiều tiện ích thì thời gian toàn bộ nội dung blog được tải về hiển thị trên trình duyệt người đọc càng lâu. Làm sao để đọc giả cảm thấy mình được "phục vụ" ngay khi vừa gõ xong địa chỉ blog là vấn đề được nhiều người quan tâm đặc biệt trong tình hình mạng internet ở Việt Nam không phải lúc nào cũng ổn định.

Kinh nghiệm cá nhân cho thấy chúng ta nên sử dụng hạn chế đến mức có thể số tiện ích (gadget) trên blog. Trong số các tiện ích của Blogger, HTML/JavaScript có lẽ được dùng nhiều nhất. Nếu blog bạn sử dụng nhiều tiện ích loại này, một cách có thể làm giảm đáng kể là ghép nội dung của chúng vào một và ngăn nhau bởi tên (title) nằm giữa thẻ <h2> và </h2> như hình:


Một cách khác cũng có thể ghi Tên tiện ích 1 vào phần title và nội dung của nó ở dưới, các nội dung khác thì để lại như trên. Nhìn chung nếu sử dụng template mẫu của Blogger thì việc ghép này sẽ thấy hiển thị tương tự như nhiều tiện ích khác nhau:


Và tất nhiên tốc độ tải về của blog cải thiện thêm một ít.

Bạn có cách làm nào khác hay hơn không? Xin chia sẻ ở dưới để chúng ta cùng thảo luận.
Dropbox, dịch vụ lưu trữ đám mây, chia sẻ và đồng bộ dữ liệu giữa điện thoại di động, tablet, laptop và desktop. Tài khoản miễn phí 2.25GB! Bạn có thể kiếm thêm tối đa đến 18GB khi giới thiệu thêm người đăng ký Dropbox (mỗi người mà bạn giới thiệu đăng ký và cài đặt thành công Dropbox, bạn được 500MB!)

36 comments:

  1. Em làm cách này lâu rồi :D
    Chào mừng anh trở lại với cộng đồng Blogger :D

    ReplyDelete
  2. Giờ mơí biêt cach này, Mong sao Thuthuatblog sẽ có nhiều baì viêts bổ ichs hơn nưã

    ReplyDelete
  3. sao a Nhân ế hàng thế này :| chả có ma nào comm

    ReplyDelete
  4. e hỏi a ạ:
    a nghiên cứu xem cách tùy chỉnh cái blog archive như nào hả a? e muốn hiệu chỉnh nó nhưng khó quá, mỗi 2 dạng mạc định

    ReplyDelete
  5. Chúc mừng Nhân trở lại với những thủ thuật blogger hay!

    ReplyDelete
  6. Đây là trang nhạc của các webmaster vn nhacf.com - được viết với mục đích chỉ để nghe nhạc.

    Trang nhạc trình bày đơn giản nhanh gọn chuyên nghiệp, nghe nhạc nhanh, tìm kiếm bhát dễ dàng.

    Mới chỉ có ít người biết đến. nhưng nhacf được dân lập trình đánh giá rất cao về chất lượng và cách thể hiện.

    Để làm trang web giống như nhacf.com, bạn có thể dùng blogspot để tạo & copy sourcecode của nó ở đây

    Phù hợp với ~ người có sở thích đơn giản nhanh gọn và muốn khám phá..

    ReplyDelete
  7. Http://MakeUSD.Net
    Site TUT SHIPER , Kiem tien online , Update Key KIs +KAV

    ReplyDelete
  8. Vậy mà mình không biết ta ? Thanks !

    ReplyDelete
  9. bai nay cung kha day chu, dau co te dau na

    ReplyDelete
  10. Gửi Nhân: ko thấy phần trao đổi link giữa các blog nhở, bỏ đi rồi ha.

    ReplyDelete
  11. Àh cái này hay đây!
    Thanks Nhân nhé!

    ReplyDelete
  12. Thủ thuật sử dụng FireFox 3.0 hoàn hảo hơn - http://forum.ngoinhait.us/thread-69862.html

    ReplyDelete
  13. hi moi nguoi
    cho em tham gia voi

    ReplyDelete
  14. Thủ thuật blog ơi - giúp em ẩn LinkWithin hiện dưới bài đăng ở ngoài trang chủ như của anh với !

    em cám ơn !

    ReplyDelete
  15. Chao anh Nha. Lau lam roi moi gap anh. Em cung khong co thoi gian viet blog gan 2 nam roi.
    Nay dang nghi he co chut thoi gian xem lai. co nhieu thay doi qua. y tuong cu voi nhieu nguoi nhung voi nhieu nguoi van la moi. Co y tuong gi anh em minh trao doi nhe
    http://gautructuyet.blogspot.com

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete
  17. Bài viết này hay thiệt nhưng sao blog của em áp dụng không được nhỉ?
    >www.edulich.tk<

    ReplyDelete
  18. Em lam mà trả được bác ak !

    ReplyDelete
  19. Hic đay cũng là 1 cách nhưng k cải thiện đáng kể lắm đâu. Muốn cải thiện tốc độ load thì nên tối ưu hóa CSS, Javascript. Nén mã sẽ làm giảm thời gian page loading rất nhiều.

    ReplyDelete
  20. Minh lam cung ko dc

    ReplyDelete
  21. Chào thuthuatblog em có làm 1 blog mà lấy Theme edit vào như hình [img]http://img153.imageshack.us/img153/7089/clickbutton.png[/img] em muốn click vào chữ [b]Natural[/b] thì ra trang Natural và chỉ Post bài ở trang Natural thôi trang Logo cũng vậy.... Các Button khác cũng tượng tự, ứng với các Button khác nhau thì tạo ra trang Post bài dành riêng cho button đó, làm thế nào để tạo ra 1 trang riêng cho từng button vậy và Post bài riêng cho từng Button ứng với nội dung Button tương ứng. Cụ thể click vào Button Natural-> hiện ra trang dành riêng cho trang Natural để Post bài ở mục Natural.

    ReplyDelete
  22. bài viết của bạ rất hay và bổ ích, cảm ơn bạn nhiều

    ReplyDelete
  23. Chào thuthuatblog. Tôi muốn tạo các trang con trong một trang thì làm thế nào? Giúp tôi với!

    ReplyDelete
  24. bạn ơi,moifnh mới dùng blog được vài ngày.cách mà ghép như bạn,mình đã thử,cũng có kết quả,nhưng có điều nó ko hiện tiêu đề như bạn đã hướng dẫn,ngoài ra,mình không thể đặt được những cái mình muốn đúng chỗ,nó cứ nằm thẳng hàng,trong khi mình muốn cái ở trên cái ở dưới.Giúp mình với,có thể gửi tin nhắn cho mình qua hell_wherenolove@yahoo.com.Thanks bạn nhiều nha
    trang này thật bổ ích.

    ReplyDelete
  25. vì không thể đặt đúng chỗ mình muốn nên mình phải mở rất nhiều HTML/java để dễ dịch chuyển.Hic

    ReplyDelete
  26. Mình thấy hiện nay cộng đồng Blogger đang có khuynh hướng chuyển sang Blog mã nguồn như wordpress,Bo-blog hay các dich vụ weblog có sẵn mã nguồn . Tốc độ duyệt trên các blog động này rất nhanh. Các bạn xem qua site của mình,mình đã add rất nhiều mã bên Blogger vào đây nhưng vẫn load rất nhanh: http://www.ibblog.co.cc.
    Bí kíp nằm ở chỗ,Blog có mã nguồn có chế độ lật trang ajax và nến các code

    ReplyDelete
  27. cảm ơn bạn, mình đã áp dụng cách này. http:www.simvip.co.cc

    ReplyDelete
  28. Thêm một thủ thuật làm nhẹ code nhũa, thanks

    ReplyDelete
  29. http://nhac12h.com <--clip nhac

    ReplyDelete
  30. chào các bạn, mình muốn chỉnh font-size của cái gadget (bài mới nhất) trên blog của mình nhưng không làm được, những thay đổi chi diễn ra đối với các sidebar khác thôi còn cái sidebar gadget thì vẫn như cũ.
    mong các bạn ghé qua blog mình xem rồi chỉ cho cách chỉnh font-size của phần "Bài mới nhất" nhỏ lại một xíu nữa.
    Cảm ơn rất nhiều.

    ReplyDelete
  31. cái này hay đấy.keke...áp dụng xem thía nào.

    ReplyDelete
  32. gắn thêm hình ảnh cho mỗi tiện ích thì làm sao a ?

    ReplyDelete
  33. Cho hỏi cách tạo khung "đăng ký nhận Email" trong Blog giống như thu thuật blog như thế nào !

    ReplyDelete
  34. anh Nhân làm sao di chư blog a spam nhiều quá

    ReplyDelete

Cám ơn đã đọc bài viết. Bạn có thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới. Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn. Xin đừng spam!