Chat
Danh mục
Tạo nút Print cho blogspot

Tạo nút Print cho blogspot

Số lượng:
Thêm vào giỏ
Tạo nút Print cho blogspot đã được thêm vào giỏ hàng



Chip hướng dẫn lại cho các bạn thủ thuật chèn nút In bài viết ở cuối mỗi bài viết:




Bắt đầu thủ thuật:


Bước 1: Bạn vào bảng điều khiển - chỉnh sửa html -mở rộng mẫu tiện ích - nhấn ctrl + f tìm đoạn mã sau:

<data:post.body/> 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.

<!--IN BÀI VIẾT CHIPKOOL-->
<b:if cond='data:blog.pageType == "item"'>
<span style='float:right;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit3gCG_VJ2DeucvqqgFDMVHEkpCtTuJR4HDo2SbYYSxpjNcwy3lVRv0lIzi9FfgQsyNWN0AG6mg3rb8GdhhjB-xbFgvvgd1EGFs-ov6Tq_kHAG9nP9BP4vVzYs-KTZ5nTcNFi6TAnWs9U/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 IN BÀI VIẾT-->


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

<!--NUT 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>  


Bước 4:save temple.Chúc các bạn thành công?mọi ý kiến thắc mắc comment bên dưới.

Blog Điện Tử | Tin Học