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

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á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>



Bạn có thể thích những bài đăng này
Tạo Hiệu Ứng Đẹp Với Wow.js Cho Blogspot
Tuỳ Chỉnh Định Dạng Thời Gian Bằng F12 Cho Blogspot

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