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

Tổng Hợp Danh Bạ Website Cần Biết
9/23/2014
Toàn bộ tài liệu thực hành SPSS thầy Hà Trọng Quang-IUH
3/24/2015 5
168 động từ trong Bảng Động Từ Bất Quy Tắc đáng nhớ
12/20/2014
127 Câu Phỏng Vấn Tiếng Anh Kinh Điển
6/17/2016
#7 Share 6 mẫu thiết kế CV ấn tượng bằng word
10/13/2015 312

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

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