Tạo nút Demo, Download và Buy Now phong cách Material Design với hiệu ứng Ripple độc đáo

Demo, Download & Buy Now button Material Design style with Ripple effect

Demo, Download và Buy Now là 3 nút bấm khá phổ biến đối với các website chia sẻ thủ thuật, phần mềm, bán sản phẩm... Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách tạo trọn bộ bộ nút bấm này với phong cách Material Design hiện đại cùng hiệu ứng gợn sóng (ripple) độc đáo khi bạn bấm nào các nút đó.

Xem thêm

Double click để chọn toàn bộ vùng chứa code trong Blogger

Make Pre Code auto select by Double Click in Blogger

Ở một bài viết trước Iris Tips đã chia sẻ cho các bạn cách tạo một khung chứa khá đẹp mắt rồi phải không nào. Hôm nay Iris Tips giới thiệu cho các bạn phiên bản cập nhật mới của khung chứa code đó bằng cách thêm chứa năng "Nhấp đôi để chọn toàn bộ vùng chứa mã code". Tính năng năng khá hữu ích đối với những đoạn code dài bạn không cần phải rê chuột để bôi đen mã code nữa.

Xem thêm

Tạo hiệu ứng Drop Cap cho bài viết trong Blogger bằng CSS3

How to Create Drop Caps (Big First Letter) in Blogger

Drop Cap là thuật ngữ chỉ việc chữ cái đầu dòng, đầu đoạn văn trình bày lớn hơn các chữ cái khác. Nếu bạn thường đọc báo giấy hoặc sử dụng Microsoft Office chắc hẳn bạn đã rất quen thuộc với thuật ngữ này.

Hôm nay Iris Tips sẽ chia sẻ cho các bạn cách tạo hiệu ứng Drop Cap cho các bài viết trong Blogger bằng CSS3 theo 2 cách sau đây.

Xem thêm

Tạo danh sách số thứ tự bằng CSS3

CSS3 ordered list styles

Tạo style cho ordered lists luôn là một nhiệm vụ khá khó khăn. Bạn phải loại bỏ style mặc định của trình duyệt và thêm vào đó những style phù hợp với website của mình. Trong bài viết này bạn sẽ tìm hiểu làm thế nào để tinh chỉnh ordered lists bằng CSS3.

Xem thêm

Tạo khung chứa code đẹp - Prism Syntax Highlighter cho Blogger

Prism Syntax Highlighter for Blogger

Đối với những website hay chia sẻ thủ thuật thì thẻ pre hay code chắc đã khá quen thuộc. Việc sử dụng chúng thường xuyên nên Iris Tips thiết nghĩ việc trang trí cho những thẻ này trông bắt mắt hơn cũng khá quan trọng đấy. Bài viết sau đây sẽ hướng dẫn cho các bạn điều đấy, hãy cũng theo dõi nhé.

Xem thêm

30 Stylish Heading Tags cho Blogger với CSS

Stylish Heading Tags for Blogger with CSS

Làm thế nào để đổi Heading Style trong Blogger bằng CSS? Đó là câu hỏi mà một số bạn đã hỏi Iris Tips để làm cho bài viết của họ hấp dẫn và thân thiện hơn trong mắt bạn đọc. Vì vậy trong bài viết này Iris Tips sẽ giới thiệu cho các bạn một số kiểu Heading Tags đẹp nhắm giúp cho blog của bạn trông hiện đại hơn. Hy vọng bạn sẽ thích thủ thuật này.

Xem thêm