블로그 관리/팁

블로그에 프린트 버튼 만들기

Bi83 2014. 11. 16. 00:14

   

블로그 내용을 프린트 하거나 PDF파일로 만들 때

사이드바라던지, 카테고리 목록 이라던지 이런것들이 껴 있으면 보기 안좋더라고요.

종이도 낭비되는거 같고 정작 필요한 내용은 작게 나오고 말이죠.

   

그래서 찾아보니 본문 내용만 깔끔하게 프린트 할 수 있는 버튼을 만드는 방법이 있더라고요.

   

   

1. http://www.printfriendly.com/button 에 들어가 주세요. 

   

2.아래와 같이 선 택해 주세요.

   

3.마음에 드는 아이콘을 선택해 주세요.

   

4.그대로 두셔도 됩니다.

   

5.아래 코드를 복사해 주세요.

   

   

6. 블로그 관리메뉴에 들어가신후

HTML/CSS편집 메뉴에서

   

블로그 내용을 프린트 하거나 PDF파일로 만들 때

사이드바라던지, 카테고리 목록 이라던지 이런것들이 껴 있으면 보기 안좋더라고요.

종이도 낭비되는거 같고 정작 필요한 내용은 작게 나오고 말이죠.

   

그래서 찾아보니 본문 내용만 깔끔하게 프린트 할 수 있는 버튼을 만드는 방법이 있더라고요.

   

   

1. http://www.printfriendly.com/button 에 들어가 주세요. 

   

2.아래와 같이 선 택해 주세요.

   

3.마음에 드는 아이콘을 선택해 주세요.

   

4.그대로 두셔도 됩니다.

   

5.아래 코드를 복사해 주세요.

   

   

6. 블로그 관리메뉴에 들어가신후

HTML/CSS편집 메뉴에서

이라고 되어있는 부분을 찾아 주세요.

(혹시 모를 실수를 대비하여 편집하기 전에 skin.html 의 내용을 전체 복사해서 메모장에 백업해 놓는것이 좋아요.)

   

7.<div class="article">

이 둘 사이에 아래 그림처럼 아까 복사한 코드를 끼워 넣어 주시면 됩니다

   

8.이제 저장후 아무 글이나 들어가 보시면 아래와 같아 아까 선택했던 버튼이 생겨있습니다.

   

   

프린트 나 PDF버튼을 누르면 아래와 같이 나옵니다.

불필요한 부분은 클릭하여 제거할 수 있어 매우 편리합니다.

 

반응형
이라고 되어있는 부분을 찾아 주세요.

(혹시 모를 실수를 대비하여 편집하기 전에 skin.html 의 내용을 전체 복사해서 메모장에 백업해 놓는것이 좋아요.)

   

7.<div class="article">

   

블로그 내용을 프린트 하거나 PDF파일로 만들 때

사이드바라던지, 카테고리 목록 이라던지 이런것들이 껴 있으면 보기 안좋더라고요.

종이도 낭비되는거 같고 정작 필요한 내용은 작게 나오고 말이죠.

   

그래서 찾아보니 본문 내용만 깔끔하게 프린트 할 수 있는 버튼을 만드는 방법이 있더라고요.

   

   

1. http://www.printfriendly.com/button 에 들어가 주세요. 

   

2.아래와 같이 선 택해 주세요.

   

3.마음에 드는 아이콘을 선택해 주세요.

   

4.그대로 두셔도 됩니다.

   

5.아래 코드를 복사해 주세요.

   

   

6. 블로그 관리메뉴에 들어가신후

HTML/CSS편집 메뉴에서

이라고 되어있는 부분을 찾아 주세요.

(혹시 모를 실수를 대비하여 편집하기 전에 skin.html 의 내용을 전체 복사해서 메모장에 백업해 놓는것이 좋아요.)

   

7.<div class="article">

이 둘 사이에 아래 그림처럼 아까 복사한 코드를 끼워 넣어 주시면 됩니다

   

8.이제 저장후 아무 글이나 들어가 보시면 아래와 같아 아까 선택했던 버튼이 생겨있습니다.

   

   

프린트 나 PDF버튼을 누르면 아래와 같이 나옵니다.

불필요한 부분은 클릭하여 제거할 수 있어 매우 편리합니다.

 

반응형

이 둘 사이에 아래 그림처럼 아까 복사한 코드를 끼워 넣어 주시면 됩니다

   

8.이제 저장후 아무 글이나 들어가 보시면 아래와 같아 아까 선택했던 버튼이 생겨있습니다.

   

   

프린트 나 PDF버튼을 누르면 아래와 같이 나옵니다.

불필요한 부분은 클릭하여 제거할 수 있어 매우 편리합니다.

 

반응형