Đâ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.


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.

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;}
}

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.