10 cải tiến mới trong chỉnh sửa mẫu HTML của blogger

Blogger vừa thay đổi giao diện phần tiện ích chỉnh sửa mẫu HTML trở nên hiện đại, trực quan hơn. Bài viết này sẽ giới thiệu với các bạn 10 c...

Blogger vừa thay đổi giao diện phần tiện ích chỉnh sửa mẫu HTML trở nên hiện đại, trực quan hơn. Bài viết này sẽ giới thiệu với các bạn 10 cải tiến mới của blogger để các bạn có thể phần nào bớt bỡ ngỡ trước những thay đổi này.


1. Làm nổi bật cú pháp (Syntax Highlighter).

Blogger sẽ các màu khác nhau để làm nổi bật các đoạn mã. Kết hợp với việc tự động nhận biết và thụt đầu dòng, blogger giúp bạn nhận biết các đoạn mã, cấu trúc lệnh dễ ràng hơn.

2. Làm nổi bật các lỗi trong mẫu (Error Highlighter)

Không chỉ thông báo lỗi như trình biên tập cũ, trình biên tập mới còn nhấn mạnh các dòng mã có lỗi. Nếu có nhiều hơn một lỗi, lỗi đầu tiên sẽ được thông báo và nhấn mạnh.

3. Đánh số dòng (Line Counter)

Nếu như trước đây, mỗi khi blogger thông báo lỗi tại dòng số xxx, chúng ta đành "bó tay" nếu phải xác định chính xác chỗ đó. Nhưng nay với việc đánh số thứ tự cho dòng mã, mọi chuyện trở nên dễ dàng hơn rất nhiều.

4. Thay "mở rộng mẫu" bằng các nút thu nhỏ - mở rộng mã.

Giao diện mới không có ô "tích" ■ Mở rộng tiện ích mẫu (Expand widget template) vì các đoạn mã được "trang bị" các nút ► để thu nhỏ - mở rộng nội dung của nó tại các dòng đầu tiên của đoạn mã. Nhấn vào nút này ► để mở rộng đoạn mã. Khi muốn thu nhỏ đoạn mã lại thì nhấn chuột vào vị trí ban đầu của nút đó (không hiện lên sau khi đoạn mã được mở rộng).

5. Tìm kiếm và thay thế (Find and Replace)

Trước giờ, mỗi khi cần tìm kiếm 1 đoạn mã trong mẫu thì chúng ta thường nhấn Cltr+F để sử dụng chức năng tìm kiếm của trình duyệt. Bây giờ blogger tích hợp tiện ích tìm kiếm ngay trong mẫu. Các bạn cũng bấm Cltr+F là sẽ thấy ô tìm kiếm hiện lên ở góp phải bên trên cửa sổ soạn thảo mẫu. Toàn bộ các từ cần tìm kiếm sẽ được highlight lên. Để tìm đến những từ tiếp theo, bạn chỉ Enter hoặc Cltr+G.
Để sử dụng chứ năng thay thế (Replace), bạn nhấn Cltr Shift F, gõ từ cần thay thế rồi nhấn Enter. Một ô mới hiện ra để bạn gõ từ thay thế vào. Nhấn Enter để thay thế.
Để thay thế toàn bộ một từ nào đó (Replace all), bạn nhấn Cltr Shift R và sử dụng như chức năng thay thế đơn.
Nếu bạn muốn sử dụng chức năng tìm kiếm của trình duyệt, nhấn tổ hợp Cltr+F 2 lần hoặc nhấn F3.

6. "Nhảy" tới các widget (Jump to widget)

Nhấn vào thanh xổ xuống của nút "Jump to widget" và chọn widget mà bạn muốn xử lý. Với chức năng này, bạn có thể dễ dàng xác định vị trí bất kỳ mã html widget nào trong mẫu mà không cần sử dụng chức năng tìm kiếm.

7. Xem trước (Preview)

Khác với chức năng Preview trước đây, blogger cho chúng ta xem trước mẫu đã chỉnh sửa ngay trong cửa sổ soạn thảo HTML.

8. Định dạng lại mẫu (Format template)

Sử dụng chức năng này, blogger sẽ tự động sắp xếp lại mã của mẫu một cách thân thiện, "ngăn nắp".

9. Hoàn tác thay đổi (Revert changes)

Nhấn nút này có tác dụng xóa mọi thay đổi trong mẫu mà chưa được lưu.

10. Đưa widget về mặc định (Revert widget templates to default)

Nhấn nút này, chọn widget trong danh sách hiện ra, để đưa widget đó trở về mặc định. Mọi thay đổi của bạn cho widget này sẽ bị xóa hết.

Chúc các bạn sớm làm quen với những thay đổi mới này và tận dụng chúng để làm việc hiệu quả hơn với blog của mình.
Hot!

Bài liên quan

Blogspot 7924521364161824285

Post a Comment

  1. Lâu quá chị không có mở HTML của blog mình ra nữa nên ko biết có sự thay đổi này.May mà nhờ có bài viết của em chị mới biết đấy. :) Thanks em nhé!Chúc em và gia đình có ngày chủ nhật tuyệt vời!

    ReplyDelete
  2. Cám ơn chị! Dạo này em cũng bận quá. Ít viết bài bên đây được. :)

    ReplyDelete
  3. Bạn cho mình hỏi ngoài chủ đề 1 chút nhé . Mình edit HTML cho blog của mình . nhưng khi chuyển sang phần bố cục nó ghi là :
    Lỗi đọc mẫu blog
    Error during evaluation of -head-content
    Mình không chỉnh sửa được phần bố cục nữa . Bạn có thể giúp mình không? Blog thì mình vẫn vào bình thường bạn ah . Và ở trên đỉnh của blog có dòng ghi là ''TEMPLATE ERROR: Error during evaluation of -head-content''. Bên dưới là blog của mình :
    http://dlcuocsong.blogspot.com/
    Chân thành cảm ơn bạn !!!

    ReplyDelete
  4. Mình chưa gặp lỗi này bao giờ nên cũng chưa rõ lắm. Có lẽ do khi chỉnh template đã làm mất 1 đoạn mã nào đó liên quan đến phần Header của blog. Mình vào blog của bạn thì hiện giờ ko thấy dòng "TEMPLATE ERROR: Error during evaluation of -head-content" trên đỉnh blog.

    ReplyDelete
  5. Blog này của bạn bị lỗi không reply được rồi kìa

    ReplyDelete
  6. cho mình hỏi, sao mình tao blog roi tới khi mình vào chỉnh sửa de thêm bớt tiện ích, roi mjnh vào cho HTML/javasript rồi mình gõ tiêu đề rồi dán mã code vào phần nội dung xong bấm vào chữ lưu mà no không cho lưu là sao ae, có ai bít bị lỗi gì ko va lam sao để lưu dc vậy, mấy người xung quanh mình đều làm như vậy mà ai cung lam dc sao của mjnh laj bi nhu vay?

    ReplyDelete
    Replies
    1. bạn cho mình xem demo,mình giúp cho Khanh Le

      Delete
  7. Mình cũng bị lỗi như bạn Khanh Le:"cho mình hỏi, sao mình tao blog roi tới khi mình vào chỉnh sửa de thêm bớt tiện ích, roi mjnh vào cho HTML/javasript rồi mình gõ tiêu đề rồi dán mã code vào phần nội dung xong bấm vào chữ lưu mà no không cho lưu là sao ae, có ai bít bị lỗi gì ko va lam sao để lưu dc vậy, mấy người xung quanh mình đều làm như vậy mà ai cung lam dc sao của mjnh laj bi nhu vay?"
    http://kysupanda90.blogspot.com
    Mong được giúp đỡ sớm!

    ReplyDelete
  8. Lỗi như 2 anh KhanhLe vs Xuan Binh Huynh sửa như thế nào có ai biết không ạ ? E cũng bị thế hixhixx

    ReplyDelete

emo-but-icon

Dõi theo DLV

Danh ngôn về văn hóa

Mới

Nóng

Bài ngẫu nhiên

DLV video

DLV trên FB

Nhà bên

item