Thư viện

Trải nghiệm

Thứ Năm, tháng 4 11, 2013

Blogger thay đổi giao diện Edit HTML

blogger cập nhật giao diện chỉnh sửa HTMl mới. Mình đánh giá rất cao cạp nhật này, với bản update này các blogger sẽ dễ dàng hơn trong việc chỉnh sửa các widget và blog. Sau đây chúng ta cùng tìm hiểu những gì đã được update lần này trong phần chỉnh sửa HTML nha. Update New style Edit HTML in blogspot

Chia sẻ:
Update New style Edit HTML in blogspot
Từ 09/11/2013 blogger cập nhật giao diện chỉnh sửa HTMl mới. Mình đánh giá rất cao cập nhật này, với bản update này các blogger sẽ dễ dàng hơn trong việc chỉnh sửa các widget và blog. Sau đây Namkna sẽ giúp các bạn tìm hiểu những gì đã được update lần này và cách sử dụng hết các tính năng đã cập nhạt nha trong phần chỉnh sửa HTML nha.

» Cách truy cập vào trình chinher sửa HTML

- Đầu tiên bạn truy cập vào Mẫu (template) => Chỉnh sửa HTML (Edit HTML)
Edit HTML (Chỉnh sửa HTML)
- Bạn sẽ được chuyển đến giao diện mới như sau:
Edit HTML (Chỉnh sửa HTML)
- Giao diện mới vẫn sẽ bao gồm các tùy chọn:
Edit HTML (Chỉnh sửa HTML)
  • Chỉnh sửa HTML
  • Xem trước (Preview)
  • Hoàn nguyên về mặc định
  • Nút chuyển nhanh đến các widget.
Sau đây chúng ta tìm hiểu từng phần.

» Chỉnh sửa HTML (Edit HTML)

- Trong giao diện mới này sẽ không có nút mở rộng tiện ích mẫu. Mà các phần mở rộng sẽ được ẩn sau nút mũi tên nằm ngang màu đen. bạn chỉ cần bấm chuột vào để mở rộng. Bên dưới là ví dụ mở rộng phần CSS nằm trong thẻ  b:skin của blog.
Edit HTML (Chỉnh sửa HTML)

» Nút chuyển nhanh đến các widget.

Đây là phần cạp nhật dễ nhận tháy nhất với các blogger. Với nút này bạn chỉ cần lựa chọn tiện ích mà bạn đã thêm vào blog bạn sẽ được chuyển ngay đến tiện ích đó. (Ví dụ bài này mình chuyển đến tiện ích HTML1).
- Thông thường code của widget này sẽ bị ẩn bạn phải bám nút mũi tên để mở rộng ra. Bạn có thể xem ảnh bên dưới:
Edit HTML (Chỉnh sửa HTML)
Với các widget khác các bạn làm tương tự.

» Cách tìm kiếm nhanh trong giao diện Edit HTML mới (bằng tổ hợp phím Ctrl + F)!

- Với giao diện mới này trình tìm kiếm của trình duyệt sẽ không tác dụng. Nhưng các bạn đừng lo vì ta vẫn còn một cách khác đó là sử dụng chức năng tìm kiếm nội tuyến của giao diện.
- Với khung tìm kiếm nội tuyến này bạn có thể tìm kiếm cả các phần bị ẩn bởi các dấu mũi tên màu đen ở trên mà không cần phải mở rộng nó. Nếu nội dung cần tìm kiếm nằm trong phần thu nhỏ thì phần đó sẽ được mở rộng một cách tự động để hiện code cần tìm kiếm ra. Để làm được điều này các bạn làm như sau:
  • Đầu tiên mở phần Chỉnh sửa HTML như phần trên.
  • Click chuột vào bột vị trí bất kỳ trong khung code
  • Sau đó bấm tổ hợp phím Ctrl + F để hiện khung tìm kiếm nội tuyến (Chỉ tìm kiếm trong phạm vi chỉnh sửa HTML).
  • Tại khung tìm kiếm nội tuyến này bạn gõ nội dung muốn tìm kiếm vào (hoặc pate code cần tìm kiếm) và nhấn phím Enter để tìm kiếm.
Sö dông Ctrl + F trong Edit HTML

- Thay đổi một từ hoặc một cụm từ trong template.

Bạn có thể sử dụng tổ hợp phím Ctrl+Shift+R.

Rất đơn giản và tiện lợi phải không!

49 nhận xét:

  1. em thấy cái này hạn chế hơn ở chỗ tìm kiếm Crt F

    Trả lờiXóa
    Trả lời
    1. Em sử dụng chức năng di chuyển nhanh đến các widget và mở rộng widget đó ra rồi tìm kiếm đỡ lẫn. Còn phần thẻ ]]></b:skin> thì nằm ngay phần đầu như hình ảnh trong bài này đó em. :))

      Xóa
    2. Hiện anh đã cập nhật tính năng tìm kiếm Ctrl + F trong bài viết đó nha.

      Xóa
  2. Nam ơi cho mình hỏi chút,

    Giờ mình có gần 500 bài viết rồi được index 440 bài. Vậy khi mình có hơn 500 bài viết thì mình sẽ gửi như nào ạ. Rất mong được bạn trả lời sớm ạ.

    Trả lờiXóa
    Trả lời
    1. Bài viết này mình đã hướng dẫn cách index sitemap rất cụ thể (vừa cập nhật thêm) XEM NGAY

      Ví dụ của bạn thì ta thêm từ bài 440 đến 500 tức là 60 baifnhuw sau:

      atom.xml?redirect=false&start-index=441&max-results=60

      Trong code trên lấy từ bài 441 (vì 440baif đầu đã index) và lấy 60 bài kể từ bài 441 như thế sẽ tròn 500 bài.

      Xóa
  3. phần tìm kiếm Crt F của giao diện mới này đúng là có phần hạn chế, nhiều khi tìm không ra, phải đi mò mò mấy cái tam giác màu đen thấy cực quá

    Trả lờiXóa
    Trả lời
    1. Nó chỉ thu nhỏ phần CSS phần widget thôi. Nhưng bù lại ta có thể di chuyển nhanh đến các widget đó.

      Xóa
    2. Hiện mình đã cập nhật tính năng tìm kiếm Ctrl + F trong bài viết đó nha.

      Xóa
    3. nhưng vẫn ko bằng dc Ctr F hồi trc anh à.không hiển thị mấy KQ,không thể di chuyển đến kết quả tiếp theo @@

      Xóa
    4. Có chứ Em. Em Enter lần thứ nhất sẽ được kết quả đầu tiên, nếu muốn hiển thị kết quả tiếp theo em chỉ cần Enter thêm một lần nữa thôi. Nó vẫn tìm quay vòng tức là tìm từ đầu đến cuối sau khi tìm hết nó sẽ lại tìm lại từ dầu. Tóm lại ta chỉ cần Enter để thay đổi giữa các kết quả tìm kiếm giống nhau thôi.

      Xóa
  4. anh nam ơi em muốn thay cái rich snipet breadcumb thành rating thì làm thế nào vậy chỉ em với !

    Trả lờiXóa
  5. Cách tìm kiếm nội tuyến chuẩn không cần chỉnh, cám ơn bạn

    Trả lờiXóa
    Trả lời
    1. Đúng vậy. Với kiểu này là 2 trong một giữa HTML và phần mở rộng.

      Xóa
  6. namkna ơi sao cái template mình cài vào mà cái phần bố cục bị ẩn hết widger luôn chỉ thấy hiện cái favicon thôi,ko biết tại code nào nữa?
    à mà mình muốn kéo phần bài viết cho rộng ra và phần tiện ích phụ bên cạnh nhỏ vào thì làm thế nào nhỉ,mình dùng template 2 mảnh mà?tks bạn tr nha :):)

    Trả lờiXóa
  7. Nam tạ ơi, blog mình h muốn thêm nút like fanpage + like bài viết
    bạn share code và hướng đãn đc ko?
    blog mình đây: http://bkavgiare.blogspot.com/
    Hoặc http://maytinhbkav.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Bạn xem các thủ thuật dưới nha:
      Like fanpage
      Bài 1
      Bài 2

      Like bài viết:
      Bài 1
      Bài 2
      Bài 3
      Bài 4

      Xóa
  8. http://88hot.blogspot.com blog mình đây
    mình cài cái template này vào mà cái phần bố cục bị ẩn hết widger luôn chỉ thấy hiện cái favicon thôi,ko biết tại code nào nữa?
    à mà mình muốn kéo phần bài viết cho rộng ra và phần tiện ích phụ bên cạnh nhỏ vào thì làm thế nào nhỉ?tks bạn tr nha :):)

    Trả lờiXóa
    Trả lời
    1. Chỉnh bài viết và siderbar điều vchỉnh width của 2 code sau:

      #main-wrapper{float:left;overflow:hidden;margin-top:10px;width:636px;background:#f5f5f5;border:1px solid #d0d0d0}
      #sidebar-wrapper{float:right;width:314px;overflow:hidden;margin-top:10px}

      - width:636px là chiều rộng bài viết
      width:314px là chiều rộng sidebar

      Xóa
  9. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  10. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  11. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  12. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  13. Bây giờ em mới biết đó anh Nam, hồi nào giờ toàn tải template về rồi xài word sửa không :)

    Trả lờiXóa
    Trả lời
    1. Thực ra em cũng có thể chỉnh trên word nhưng như thế em sẽ không thể xem trước được và không biết lỗi gặp phải khi thực hiện thủ thuật.

      Xóa
  14. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  15. bạn ơi mình muốn đổi màu chữ tiêu đề bài đăng thì làm thế nào
    ví dụ cái entry này của bạn có tiêu đề là "Blogger thay đổi giao diện Edit HTML" có màu đen mình muốn đổi thành màu khác thì phải sủa code ở đâu hả namkna :):)

    Trả lờiXóa
    Trả lời
    1. Bạn vào Chỉnh sửa HTML và thêm vào sau thẻ ]]></b:skin> đoạn mã bên dưới. Nếu muốn biết chính xác hãy để lại URL blog ở đây nha.

      .post h3,.post h4 {color:#0080ff}

      Xóa
    2. Nhận xét này đã bị quản trị viên blog xóa.

      Xóa
  16. Chỗ chọn phần chỉnh sửa đó của mình, đợi mãi mà không thấy hiện, chỉ có một màu trắng từ đầu đến cuối thôi. Như vậy là bị lỗi gì vậy bạn?

    Trả lờiXóa
    Trả lời
    1. - Đây là lỗi của blogger thôi không phải do blog của bạn đâu.

      - Khắc phục bằng cách bấm lại một lần nữa Mẫu và bấm tiếp Chỉnh sửa HTML sẽ xuất hiện ngay thôi.

      Xóa
  17. Anh Nam giúp em cái này với, em có dowload 1 templete vô, demo đây http://demo.dhetemplate.com/2011/12/life-mag-blogger-template.html còn đây là web của em http://kidkidcatcat.blogspot.com/. Anh cho em hỏi là mình làm như thế nào để cũng có cái slide hình ảnh chạy chạy như của người ta ạ.

    Trả lờiXóa
    Trả lời
    1. Họ có 2 templatte một cái có slider và một cái không có nha.

      Xóa
  18. Lưu Mẫu không tạo bản lưu vào máy tính được ?

    Trả lờiXóa
    Trả lời
    1. Bạn vào mẫu => Sao lưu và tải xuống là oke ./.

      Xóa
  19. Chào Namkha, nhờ Anh hướng dẫn giùm cách thay đổi giao diện đã có trong blogspot bằng những giao diện đẹp ở trên mạng. Khi tôi tải về máy thì một đám các moteur search tự động chui vào máy còn cái giao diện thi không thấy. Anh cho tôi lời khuyên xem phải làm sao để có một giao diện đẹp như của Anh. Tôi dùng blog chỉ để đăng lên những bài mình viết về văn hóa thôi. Xin cảm ơn nhiều

    Trả lờiXóa
  20. Chào Bạn NamTa,
    Bạn có dịch vụ tạo blog cho khách không vậy? Nếu có tôi xin đăng ký vì lớn tuổi rồi lại không rành về computer nên làm không thành công. Mục đích chỉ để post bài viết về văn hóa lên thôi.
    Xin liên hệ qua email của tôi: lamjrai@gmail.com
    Cảm ơn

    Trả lờiXóa
    Trả lời
    1. Hiện tại em có cung cấp mootj ố template tự thiết kế anh có thể than khảo ở đây nha:

      http://namkna.blogspot.com/search/label/Blogspot%20Templates

      Xóa
  21. muốn sửa độ rộng của trang thì phải làm sao zay ad?

    Trả lờiXóa
  22. anh Namkna ........blog cua em la http://blog-hanhphucxa.blogspot.com/ em muon bai viet cua em suat hien o trang chính theo kiểu " list " nhưng ở trang chính cua trang em không hiện bài viết theo mấy kiểu mà các trang # vẩn hay làm.....em khong bit phai lam gi nửa...temp này em tai trên mạng zề.....anh có thể giúp ...........cac bạn nào bít thì giúp mình với..:(

    Trả lờiXóa
    Trả lời
    1. Trang chính của trang đó đang dùng tiện ích recentpost em ak, Nó vẫn có thể áp dụng bài viết này: Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot

      Xóa
  23. Hi bạn, mình dùng template của Sora Theme và không tin được chỗ chỉnh css cho template. Mình đã xem trong phần b:skin nhưng chỉ có code css của phần body thôi. Bạn hướng dẫn giúp mình với nhé. Mình muốn sửa màu sắc của các widget bên cột phải đó. Cám ơn bạn!

    Trả lờiXóa
  24. anh ơi có thể bỏ ra chút thời gian giup em được không , em muốn thay thanh điều hướn ở trên cùng thanh menu như trang của anh hoặc là ảnh baner nó phủ kín lên cái thanh điều hướng thì phải làm thế nào hả anh
    anh có thể gửi trả lời qua hòm thư machinevietkom@gmail.com cho em được không
    thank anh nhiều :)

    Trả lờiXóa
  25. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  26. làm sao để thay đổi màu mặc định của template thế bạn
    template mình màu xanh bây h mình muốn đổi sang màu đỏ thì làm như thế nào ?
    url blog mình : https://tpvtinhoc.blogspot.com

    Trả lờiXóa
  27. cần giúp đỡ !!! tình hình là em tình code để xóa đi mà tìm mãi không ra.
    xem và giúp em nhé http://www.giasuthongthai.com/
    em muốn xóa đoạn code để thu hẹp khoảng cách giữa thanh menu và baner mà không được. Lúc trước làm một blog khác thì xóa được mà bây giờ làm cái này thì tìm ko ra code để xóa.

    Trả lờiXóa