블로그에 인쇄버튼 달기

@Dcbae

누가 제 블로그 프린트해서 볼 사람이 있을련지요 ㅜ.ㅡ;;;

@Dcbae

안녕하세요
1) 질문에 대해서 div 태그에 속성을 <div class='pfButton' style='float:right;'> 처럼 주었습니다.

2) 질문에 대해서는 http://www.printfriendly.com/button
화면에서 '사용자 CSS'를 설정합니다.
URL은 ./style.css를 입력하시고,

html css 편집기에서
style.css 맨 하단에 아래를 붙어 줍니다.
=======================================
/* This will align images to the left */

#printfriendly img{
float:left;
margin-top: 12px;
margin-right: 12px;
}

/* Changes font family and size */

#printfriendly {
font-family: Arial;
font-size: 14px;
}

/* Changes header color */

#printfriendly h1, #printfriendly h2, #printfriendly h3, #printfriendly h4 {
color: Green;
}
==============================================

그리고 마지막으로 HTML의 적당한 위치에
Print button 코드를 붙어 넣으면 될 거 같습니다.




<div class='pfButton' style='float:right;'>
<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'block';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = './style.css';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="http://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf_button_sq_gry_l.png" alt="본문을 인쇄합니다"/></a>
</div>

@Dcbae

한가지 주의할 점은 화면 출력에서 글 목록을 '한개'만 설정하셔야 합니다. 2개이상 설정하면, 아랫글 버튼을 누르면 맨 윗글만 표현 됩니다.