Tạo Nút Print Bài Viết Cho Blogspot

Xem Demo:

Khi vào một số trang web, ở cuối mỗi bài , các bạn thấy có biểu tượng in bài này  

Hôm nay mình xin giới thiệu cùng các bạn thủ thuật tạo nút Print ( in bài này ) cho blog. Đây là thủ thuật rất hay và cần thiết cho blog . Mời các bạn cùng tham khảo nhé !

Bước 1: Bạn đăng nhập vào blog -> Tùy chọn khác (Mũi tên xuống) -> Mẫu - > Chỉnh sửa HTML - > Tiếp tục -> Mở rộng mẫu tiện ích -> nhấn (F3 Hoặc tổ hợp phím ctrl + f ) tìm đoạn mã sau:

<data:post.body/> ( Nhấn 2 lần F3)

Cái thứ 2 nhé bạn.

Bước 2:Bạn copy đoạn code sau và chèn bên dưới mã code vừa tìm được.

<!-- Start Print -->
<b:if cond='data:blog.pageType == "item"'>
<span style='float:right;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEholh1vjEZXMEKlZ4pG72huyvOQVt9LmIHHwlgFBqU3M1JWwIwBdW4L3yJOeM1d0gQw_ce2-HviKkj3J5oq2x6nA3kCLl3yTZkoP96QqR9GGne93tOSUrCTHAwazywEBJy_FUXDXauqKIU/s1600/print-this.png) left no-repeat; padding-left: 25px;'><a href='javascript:window.print()'>In bài này</a></span>
</b:if>
<!-- End Print -->

Bước 3  : Sau đó bạn tiếp tục tìm </head> và bạn copy hết đoạn code sau và chèn bên trên mã code </head>

<!-- Start Print -->
<style media='print' type='text/css'>
#linkbar-wrapper, 
#comments, 
#header-wrapper, .widget-content,
#lower-wrapper,
#header, #sidebar-wrapper,.sidebar, .comment-form,.post-footer,
#blog-pager,.post-feeds,
#backlinks-container,
#navbar-section,.lowerbar-wrapper, 
#backbutton {display:none !important;}
#content-wrapper,
#main-wrapper,
#main {font-size:12px;float:none !important;overflow:visible !important;width:auto !important;}
#main a{color:#0000ff;text-decoration:none;}
</style> 

<!--End Print -->

Bước 4:Cuối cùng bạn nhấn lưu mẫu.
Chúc các bạn thành công