Tạo nút Print cho blogspot
Saturday 7 July 2012
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àyHô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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMcJ-IqUXAl_eZs-v0o-7uycjClpIBhaDPqfs-vrTIva1KBCRxQOoW7cJMtz9x2LSK-11kR0yyiYzPfBvoBDPpzcy08yaVPIolhHWua1SmbHA_Hqqr6bI0-MVpCSF-J6SsKhnYNplfUEw/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>
Chúc các bạn thành công
In bài này
Comments[ 0 ]
Post a Comment