Hướng dẫn tùy chỉnh hiển thị trang in cho website/blog

Đây là bài viết nhỏ sẻ giúp các bạn tùy chỉnh hiển thị Print Preview trên website/blogspot giúp cho trang hiển thị trước khi in của bạn thêm thân thiện hơn với người dùng.

Hướng dẫn tùy chỉnh hiển thị trang in cho website/blog

Khi người dùng lướt qua website hay blog của bạn và họ cảm thấy tài liệu A,B,C nào đó hữu ích thì họ có thể đơn giản ấn tổ hợp phím Ctrl+P để in page họ đang xem thì trang Print Preview sẻ hiển thị và cho họ những tùy chỉnh để in bài viết.

Nếu bạn không thiết lập css để tùy chỉnh hiển thị thì trông trang in Print Preview sẻ rất rối và trông không được thân thiện với độc giả cho lắm vì thế hãy sử dụng một số thủ thuật nhỏ dưới đây để tùy chỉnh trang Print Preview.

Hướng dẫn tùy chỉnh hiển thị trang in cho website/blog

Tùy chỉnh trang Print Preview cho website/blogger


Bạn hãy thêm đoạn css sau vào trước thẻ ]]</b:skin>

@media print{
CSS tùy chỉnh hiển thị ở đây
}

Ví dụ bạn muốn ẩn Sidebar trong trang Print Preview bạn chỉ cần thêm đoạn css như sau:

@media print{
#sidebar{display:none !important;}
}

Hướng dẫn tùy chỉnh hiển thị trang in cho website/blog

Tương tự như vậy bạn tùy chỉnh các thành phần sau cho trang Print Preview trở nên thân thiện nhất là được. Nếu có thắc mắc hay điều gì chưa rõ các bạn có thể comment phía dưới để mình giúp đỡ trong phạm vi cho phép.
Donate MoMo: 035.45.48.599
Bài đăng mới hơn Bài đăng mới hơn Bài đăng cũ hơn Bài đăng cũ hơn

Bài đăng khác

1 nhận xét

Khi Comment hãy click vào "Thông báo cho tôi" để theo dõi phản hồi mới nhất từ admin
  1. làm sao để trang in không hiện breadcrum và các gadget khác, ví dụ như adsense,... Nói chung chỉ hiện tiêu đề blog, tiêu đề bài viết và nội dung bài viết thôi

    Trả lờiXóa