Tạo Biểu Tượng Máy In (Print) Cho Blogspot

Đặng Tiến Sĩ Tác giả:
Xuất bản: Thứ Tư, 26 tháng 12, 2018 -

Lệnh Print(); của Javascript giúp chúng ta có thể in những thông tin cần thiết từ trên website mà khỏi cần phải sao chép về file Word hay gì cả. Chỉ cần bạn tích hợp vào Blogspot của bạn, thì mọi thứ sẽ rất thuận tiện cho người dùng.
Để khỏi vòng vo thì mình sẽ chỉ luôn cách tích hợp vào Blogspot hay tất cả các website nhé.

Cách dùng lệnh Print(), javascript:window.print();, Tạo Máy In Cho Website, Tạo Biểu Tượng Máy In (Print) Cho Blogspot, Chi tiết về lệnh Print(), Tạo máy in cho bài viết, Tích Hợp Máy in bằng lệnh Print()

Các bước thực hiện


Trước tiên hãy chọn trang cần in (print) và dán đoạn code dưới đây vào, nếu là Blogspot thì dán lên trên thẻ <data:post.body/>.
<span class='printBtn' onclick='javascript:window.print();' title='In bài viết này'></span>
<style>
.printBtn:before {
    font-family: fontawesome;
    content: '\f02f';
    float: left;
    background: #005A89;
    width: 25px;
    vertical-align: text-bottom;
    text-align: center;
    color: #ffffff;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
}
</style>

Nếu chưa khai báo Font Awesome thì hãy dán đoạn dưới đây lên trên thẻ </head>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

Sau đó thêm đoạn css này vào trước thẻ đóng ]]></b:skin>
@media print{
/* trong đây là các giá trị muốn ẩn khi in trang */
{
#menu1,#menu2,.class1,.class2{display: none!important;}
}
/* để xoá các giá trị đó dùng display: none!important; */
}

Thì đoạn css này giúp loại bỏ những phần không cần thiết phải in ra.
#menu1 nghĩa là thẻ mang id='menu1' sẽ bị ẩn.
.class1 nghĩa là thẻ mang class='class1' sẽ bị ẩn.

Lời kết


Nếu có gì thắc mắc cứ comment phía dưới nhé. Chúc các bạn thành công.

Tag:
0 Like
2 Comment More Emoticon

Bài Viết Có Thể Xem

THÔNG BÁO

Biên tập nội dung: Đặng Tiến Sĩ
Sĩ Ben IT Blogger giữ bản quyền nội dung trên website này
Chỉ được phát hành lại nội dung khi có sự đồng ý của chủ sở hữu
Mọi thư từ góp ý vui lòng gửi về địa chỉ dangtiensi.vn@gmail.com

Đóng Liên hệ

Thông báo của Admin