Cắt Tiêu đề Thành 2,3 Dòng Với Website/Blogspot

Trang chủ » Tiêu đề Blogspot » Cắt Tiêu đề Thành 2,3 Dòng Với Website/Blogspot

Có thể bạn quan tâm

Trang chủBlogspot Tips Cắt tiêu đề thành 2,3 dòng với Website/Blogspot byHuỳnh Phụng Saler •12/07/2018 • 2 min read • views 2 Admin - Trong quá trình xuất bản và đặt tiêu đề bài viết, không ít bài viết có tiêu đề quá dài làm mất cân đối trên Website. Hoặc đơn giản là bạn muốn Website bạn đồng bộ hơn trong gọn gàng hơn thì ta tiến hành tự động cắt tiêu đề cho ngắn lại.

Minh họa cắt tiêu đề thành 2 dòng

Thủ thuật cắt tiêu đề này chỉ sử dụng CSS có thể áp dụng cho hầu hết tất cả các website. Bây giờ chúng ta sẽ tiến hành nhé!

Bước 1: Xác định Id/class của phần tử mà bạn muốn cắt dòng

Chuột phải vào tiêu đề và chọn kiểm tra phần tử để để định được tên class/id mà bạn muốn cắt ngắn lại.

Bước 2: Chèn code CSS vào blogger

Code:
Id/class{text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
Thay id hoặc class thành phần mà bạn muốn cắt thành đã tìm được ở bước 1 Ý nghĩa các dòng CSS trên như sau:
  • Id/class: Là phần tử mà bạn muốn cắt
  • -webkit-line-clamp: 2: Là số dòng bạn muốn cắt, nếu quá số dòng này sẽ thể hiện bằng dấu ...
  • white-space: nowrap (dùng để ép chữ hiển thị chỉ trên 1 hàng, không xuống hàng)
  • overflow: hidden (để làm mất phần chữ bị tràn ra)
  • text-overflow: ellipsis (thêm dấu 3 chấm vào phần chữ bị mất)

Bước 3: Lưu lại

Lưu lại và kiểm tra

Lỗi trong quá trình cắt tiêu đề

1. Đoạn tiêu đề cắt còn hiện

Chỉnh sửa lại giá trị của line-height nếu bạn thấy dòng tiêu đề đã bị cắt còn xuất hiện, nếu sử dụng thêm padding thì sẽ lỗi.

2. Không hoạt động trên Firefox

Chớ trêu thay thì dòng lệnh -webkit-line-clamp: 2 lại không hoạt động trên Firefox. IE. Cho nên bạn phải thêm max-height để dòng chữ không bị dài thêm. Chúc bạn thành công! Tags: Blogspot Tips CSS3 Tin tức 4.94 / 169 rates

2 Nhận xét

➔ Gửi kèm hình ảnh trên bài viết để được hỗ trợ tốt nhất. ➔ Để bình luận kèm hình ảnh, bạn vào trang Upload Ảnh, kéo thả để Upload hình ảnh lên. ➔ Bạn dán URL link hình ảnh vào khung bình luận và ấn Xuất bản, ảnh sẽ được tự động tải lên. ➔ Không spam trong khung bình luận, hạn chế viết tắt. ➔ Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin

Hiện thêm
Hiện thêm Đăng nhận xét Mới hơn Cũ hơn

POST ADS1

POST ADS 2

Theme Tốt Nhất

Chủ đề Giá Demo Order
Planding App 200.000đ View Mua
Planding BĐS #1 200.000đ View Mua
Planding BĐS #2 200.000đ View Mua
Planding BĐS #3 200.000đ View Mua
Planding BĐS #4 200.000đ View Mua
Planding BĐS #5 200.000đ View Mua
Planding BĐS #6 200.000đ View Mua
Planding BĐS #7 200.000đ View Mua
Shop Máy tính 200.000đ View Mua
Tạp Chí Zing 500.000đ View Mua
Shop Điện Thoại #1 500.000đ View Mua
Chung Cư BĐS 500.000đ View Mua
Planding Công ty 500.000đ View Mua
Shop Tạp Hóa Miễn Phí Free View Tải về
Cây Cảnh 250.000đ View Mua
Shop tổng hợp AFF 500.000đ View Mua
Tinhdauonline Lite Miễn Phí Free View Tải về
Planding BĐS #8 500.000đ View Mua
BĐS Đăng Tin 500.000đ View Mua

Liên Hệ Nhanh

Tên Email * Thông báo * SPONSOR

TLQT Blog - Bộ công cụ tiện ích phát triển bởi Vietrick.

Top Tuần Qua

Toàn bộ tài liệu thực hành SPSS thầy Hà Trọng Quang-IUH
3/24/2015 5
Những cổ phiếu chia tay sàn chứng khoán năm Nhâm Dần
1/21/2023 4
#7 Share 6 mẫu thiết kế CV ấn tượng bằng word
10/13/2015 312
Tặng 1 giao diện để kinh doanh gởi tới cộng đồng blogger
8/01/2016 96
Tổng Hợp Bài Giảng - Giáo Trình Khoa QTKD IUH (P1)
9/18/2014 3

Follow Us

SEO Audit

Comments

Nhãn

Chọn danh mục muốn xem Affiliate (1) Ahrefs (2) Anchor Text (1) Anh Văn (7) Anh Văn Bất Quy Tắc (1) Anh Văn Luyện Nghe (4) Anh Văn Luyện Phát Âm (2) Anh Văn Nguyên Tắc Học Nói (2) Anh Văn Ngữ Pháp (3) Anh Văn Phần Mềm (6) Anh Văn Tài Liệu (2) Anh Văn Từ Vựng (1) Backlink (4) Báo Cáo Tốt Nghiệp (18) Bí Kíp SEO (22) Blogger-co-ban (35) Blogpost Phân Trang (1) Blogspot Menu (1) Blogspot Sitemap (2) Blogspot Template (4) Blogspot Tips (51) Blogspot Tối Ưu (12) Cách Mạng Công Nghiệp (1) Chiến Lược Marketing (14) Chữ Đẹp (1) Content cho SEO (5) Content Marketing (10) CSS3 (6) Danh Bạ Web (3) Dịch Vụ Marketing Tổng Thể (5) Dịch Vụ SEO (7) Digital (1) Dự Án SEO (1) Đầu Tư Tài Chính (2) Điểm Chất Lượng (2) Ebook (5) Entity Building (2) Facebook (14) Facebook Ads Lookalike (1) Facebook Marketing (4) Giáo Trình Office (1) Giàu Có (2) Góc Admin (4) Google Adsense (3) Google Adwords (15) Google Display Networks (4) Google Pagespeed Insights (6) Google Search (2) Incoterm (1) Javascript Blogspot (7) Kế Hoạch Kinh Doanh (2) Kế Hoạch Marketing (1) Kế Hoạch SEO (2) Kế Toán (1) Kiếm Tiền Online (6) Kiến Thức Kinh Doanh (37) Kiến Thức SEO (34) Kiến Thức Thông Dụng (18) Kinh Doanh Đa Cấp (2) Kinh Nghiệm SEO (35) Kinh Tế Vĩ Mô (2) Kỹ Năng Mềm (11) Kỹ Năng Phỏng Vấn (4) Làm Giàu (2) Làm Việc Nhóm (1) Local SEO (1) LTDH (7) Mạng Máy Tính (2) Marketing Online (25) Meta Blogspot (2) Microformats (1) MMO (7) Nhân Sự (1) Phát Triển Bản Thân (2) Phần Mềm (12) Phần Mềm Học Tập (6) Phần Mềm SEO (2) Phân Tích Từ Khóa (4) Phím Tắt (2) PR (1) Quản Lí Fanpage (4) Quản Lý Tiền Bạc (5) Quản Trị (2) Quản Trị Doanh Nghiệp (8) Quảng cáo Facebook (14) Quảng Cáo Zalo (1) Remarketing (2) Robots.txt (3) Schema (14) SEO Audit (19) SEO Blogspot (35) SEO Facebook (1) SEO Insights (1) SEO Keyword (3) SEO Offpage (4) SEO Onpage (28) SEO Tools (6) SEO-SILO (2) SEOquake (4) Shark Tank (2) Sinh Viên Cần Biết (9) Site Vệ Tinh (1) Social Media (1) SPSS (2) Startup (16) Tài Liệu Kinh Tế IUH (7) Tài Liệu Marketing (1) Target Facebook (2) Tăng Tốc Máy Tính (1) Tăng Tốc Website (2) Telesale (1) Thành Công (8) Thiết Kế CV (7) Thu Nhập (2) Thủ Thuật Máy Tính (11) Thủ Thuật PDF (4) Thủ Thuật Web (10) Thuật Ngữ SEO (1) Thuật Toán Google (3) Thuật Toán SEO (2) Thương Hiệu (2) Thương Mại Điện Tử (2) Tiểu Luận (7) Tin A IUH (1) Tin Học - Word PP Excel (16) Tools Marketing (1) Tối Ưu Quảng Cáo Facebook (1) Tối Ưu SEO Content (4) Tối Ưu SEO Website (12) Traffic (1) Trí Thông Minh (3) Ứng Dụng (1) Vay Vốn (1) Wordpress (1) Xin Việc SEO (1)

Main Tags

  • Affiliate
  • Ahrefs
  • Anchor Text
  • Anh Văn
  • Anh Văn Bất Quy Tắc
  • Anh Văn Luyện Nghe
  • Anh Văn Luyện Phát Âm
  • Anh Văn Nguyên Tắc Học Nói
  • Anh Văn Ngữ Pháp
  • Anh Văn Phần Mềm
  • Anh Văn Tài Liệu
  • Anh Văn Từ Vựng
  • Backlink
  • Báo Cáo Tốt Nghiệp
  • Bí Kíp SEO
  • Blogger-co-ban
  • Blogpost Phân Trang
  • Blogspot Menu
  • Blogspot Sitemap
  • Blogspot Template
  • Blogspot Tips
  • Blogspot Tối Ưu
  • Cách Mạng Công Nghiệp
  • Chiến Lược Marketing
  • Content cho SEO
  • Content Marketing
  • CSS3
  • Danh Bạ Web
  • Dịch Vụ Marketing Tổng Thể
  • Dịch Vụ SEO
  • Digital
  • Dự Án SEO
  • Đầu Tư Tài Chính
  • Điểm Chất Lượng
  • Ebook
  • Entity Building
  • Facebook
  • Facebook Ads Lookalike
  • Facebook Marketing
  • Giáo Trình Office
  • Giàu Có
  • Google Adsense
  • Google Adwords
  • Google Display Networks
  • Google Pagespeed Insights
  • Google Search
  • Incoterm
  • Javascript Blogspot
  • Kế Hoạch Kinh Doanh
  • Kế Hoạch Marketing
  • Kế Hoạch SEO
  • Kế Toán
  • Kiếm Tiền Online
  • Kiến Thức Kinh Doanh
  • Kiến Thức SEO
  • Kiến Thức Thông Dụng
  • Kinh Doanh Đa Cấp
  • Kinh Nghiệm SEO
  • Kinh Tế Vĩ Mô
  • Kỹ Năng Mềm
  • Kỹ Năng Phỏng Vấn
  • Làm Giàu
  • Làm Việc Nhóm
  • Local SEO
  • LTDH
  • Mạng Máy Tính
  • Marketing Online
  • Meta Blogspot
  • Microformats
  • MMO
  • Nhân Sự
  • Phát Triển Bản Thân
  • Phần Mềm
  • Phần Mềm Học Tập
  • Phần Mềm SEO
  • Phân Tích Từ Khóa
  • Phím Tắt
  • PR
  • Quản Lí Fanpage
  • Quản Lý Tiền Bạc
  • Quản Trị
  • Quản Trị Doanh Nghiệp
  • Quảng cáo Facebook
  • Quảng Cáo Zalo
  • Remarketing
  • Robots.txt
  • Schema
  • SEO Audit
  • SEO Blogspot
  • SEO Facebook
  • SEO Insights
  • SEO Keyword
  • SEO Offpage
  • SEO Onpage
  • SEO Tools
  • SEO-SILO
  • SEOquake
  • Shark Tank
  • Sinh Viên Cần Biết
  • Site Vệ Tinh
  • Social Media
  • SPSS
  • Startup
  • Tài Liệu Kinh Tế IUH
  • Tài Liệu Marketing
  • Target Facebook
  • Tăng Tốc Máy Tính
  • Tăng Tốc Website
  • Telesale
  • Thành Công
  • Thiết Kế CV
  • Thu Nhập
  • Thủ Thuật Máy Tính
  • Thủ Thuật PDF
  • Thủ Thuật Web
  • Thuật Ngữ SEO
  • Thuật Toán Google
  • Thuật Toán SEO
  • Thương Hiệu
  • Thương Mại Điện Tử
  • Tiểu Luận
  • Tin A IUH
  • Tin Học - Word PP Excel
  • Tools Marketing
  • Tối Ưu Quảng Cáo Facebook
  • Tối Ưu SEO Content
  • Tối Ưu SEO Website
  • Traffic
  • Trí Thông Minh
  • Ứng Dụng
  • Vay Vốn
  • Wordpress
  • Xin Việc SEO

Website này đang sử dụng cookies để tăng trải nghiệm của bạn. Learn more

Ok

Từ khóa » Tiêu đề Blogspot