티스토리 블로그에 PDF파일을 바로 보여주는 간단한 방법

 

PDF파일 바로 보여주기 방법

티스토리 블로그를 하다보면 PDF파일을 그냥 파일로 올리기 보다는 파일자체를 열지않고 바로 웹상에서 확인하게 해줄 수 없을까? 생각해봅니다. 이럴때 유용하게 사용할 수 있는 간단한 소스코드와 방법이 있으니 참고하셔서 내 블로그에도 적용하여 더욱 알찬 글내용을 완성해보시길 바랍니다.

 

 

 

---

 

 

 

어떻게 시작하나요?

1.가장 먼저 글로 올리기를 원하는 PDF파일을 구글드라이브에 올려주셔야 합니다. 구글드라이브의 링크 기능을 이용하여 바로 PDF파일을 보여줄 수 있기때문인데요. 구글드라이브에 접속해주세요.

 

구글 드라이브 바로가기

 

 

2. 원하는 PDF파일을 업로드 하고 파일에 오른클릭해주세요.

 

 

 

3. 제한됨 → 링크가 있는 모든 사용자를 클릭하고 링크 복사를 누르세요. 

 

 

 

4. 그러면 아래와 같은 링크주소를 얻을 수 있습니다. 여기서 이 부분만 복사하여 소스코드에 적용해주시면 되겠습니다. 각자의 파일마다 이부분이 변경되니 같은 주소가 아니고 이부분이라고 이해만 하시면 됩니다. 복사해주세요.

 

https://drive.google.com/file/d/14LOtmLnV0aCWdCWKnm76VU_lB9jsjkmR/view?usp=share_link

 

 

5. 아래의 소스코드중에 파일복사코드라고 적힌 부분에 위에서 복사한 부분을 넣어주세요. 소스코드중에 WIDTH, HEIGHT는 원하는 크기로 설정해보시는것도 좋습니다.

 

<p><iframe src="https://drive.google.com/file/d/파일복사코드/preview" width="100%" height="800"></iframe></p>
<p data-ke-size="size16"><a href="https://drive.google.com/open?id=파일복사코드" rel="noopener">새 창에서 열기</a></p>

 

 

7. 이제 티스토리 블로그의 글작성에디터중 HTML모드 변경한 후 적당한 곳에 붙여넣기 해주시면 완성입니다. 

 

아래의 글에서 직접 위의 방법으로 적용해본 글을 살펴보실 수 있으니 참고부탁드립니다.

 

UHD 214 cm 스탠드형 KU85UA7000F 사용설명서 바로보기

 

삼성 갤럭시 S23 Ultra 사용자 매뉴얼 바로보기

 

 

 

---

 

 

 

관련글

이 글과 비슷한 관련 카테고리의 글을 함께 읽어보세요. 도움이 되는 정보가 많이 준비되어 있습니다.

 

반응형

 

티스토리블로그 - 이전 발행 글 넣기를 새창 열기에서 현재창 열기로 바꾸는 간단한 방법

 

티스토리블로그 - 관리페이지의 플러그인 네이버 애널리틱스를 설치하고 활용하기

 

구글의 서치콘솔의 메타태그 다시 쉽게 확인하는 방법

 

 

 

---

 

 

 

참고하세요

· 블로그 상단의 구독하기버튼을 누르시면 제 블로그의 새글을 바로 받아볼 수 있습니다.
· 방문하시는 여러분의 ♥공감 하나와 댓글 하나가 저에게는 큰힘이 될 수 있습니다.
· 이 글에는 다양한 어필리에이트 활동으로 수익금을 지급받을 수 있는 링크가 있습니다.
· 이 글은 티스토리블로그 카테고리에 위치하고 있습니다. 비슷한글을 보시려면 아래를 확인하세요.