KHÁM PHÁ BÀI VIẾT MỚI NHẤT TRÊN BLOG

Các bài viết sau có thể hữu ích cho tìm kiếm của bạn!

Hiển thị các bài đăng có nhãn CSS3. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn CSS3. Hiển thị tất cả bài đăng

Tạo hiệu ứng màn hình cong cho Website/Blogspot

Khi lướt Web bằng di động bạn sẽ thấy 2 mép màn hình có hiệu ứng cong. Viêc này làm cho Website/Blogspot trở nên thích mắt hơn.

Bạn thường dễ thấy các Smartphone Samsung thiết kế màn hình cong 2 bên, thì nay chúng ta sẽ mang hiệu ứng này lên trên Website/Blogspot 1 cách dễ dàng

Hiệu ứng màn hình cong cho Website/Blogspot

Tổng hợp CSS hữu ích cho Blogspot mà mọi Web đều cần

Đây là những CSS hữu ích để chèn vào trong Website/Blogspot mà bất kì website nào cũng có thể áp dụng.

Các đoạn CSS này bạn có thể chèn trong cặp thẻ <skin> hoặc <style> trong giao diện blogspot

I. Tạo icon cho liên kết trong bài viết

Mục đích nhằm tạo cho web có điểm nhấn ở các liên kết, hơn nữa việc làm nổi bật các liên kết này sẽ khiến cho người dùng dễ nhấp chuột vào để tìm kiếm thêm thông tin về từ khóa đó và bạn cũng dễ điều hướng người dùng.

Về mặt SEO khi người dùng truy cập và xem nhiều trang sẽ làm tăng Time Onpage hơn.

Tạo icon liên kết ngoài cho bài viết trong blogspot

Cắt tiêu đề thành 2,3 dòng với Website/Blogspot

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é!

Tạo hiệu ứng "nhảy" cho đối tượng trong Blogspot

Thủ thuật này sẽ làm hiệu ứng cho 1 đối tượng nào đó trong Website/Blogger có hiệu ứng nhảy làm tăng sự chú ý cho người dùng vào đối tượng đó.

Thủ thuật hoàn toàn sử dụng CSS3 để làm hiệu ứng "Nhảy" do đó hoàn toàn không làm ảnh hưởng đến tốc độ tải Website.

Hiệu ứng này có tên là Jump (Nhảy)

Hiệu ứng Animation Jump (Nhảy) bằng CSS3

Ứng dụng CSS :nth-last-child :first-child và :last-child

Trong ngôn ngữ CSS có đếm thứ tự cho chúng để sử dụng cho các thứ tự HTML

Ứng dụng CSS :nth-last-child :first-child và :last-child
Ứng dụng CSS :nth-last-child :first-child và :last-child

Làm chủ hiệu ứng Animation trong CSS3 áp dụng cho Website

Hiệu ứng là một phần không thể thiếu trong việc thiết kế web. Nhờ có hiệu ứng mà ta cảm thấy web cũng như các thành phần trong web trở nên mượt mà dễ chịu hơn rất nhiều.

Và thực sự vậy trong hơn 1 tuần làm việc với giao diện web mình thấy Animation cho ta cảm giác website tải nhanh hơn, gia tăng trãi nghiệm người dùng mặc dù thời gian tải trang vẫn như cũ.

Làm chủ hiệu ứng Animation trong CSS3 áp dụng cho Website
Làm chủ hiệu ứng Animation trong CSS3 áp dụng cho Website