Tạo nút Print cho blogspot

Chào các bạn !
    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 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(http://2.bp.blogspot.com/-bj_YgI2C-JE/TtaJM0CD_PI/AAAAAAAABbo/jaxbz9jh23c/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.
Chúc các bạn thành công

Không có nhận xét nào:

Copyright © 2013 Mr Sum