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 사용설명서 바로보기
UHD 214 cm 스탠드형 KU85UA7000F 삼성전자 UHDTV KU85UA7000F의 사용자 매뉴얼을 어떤 프로그램을 통하거나 다운로드 받아 번거롭게 확인하지않고 글자체내에서 바로 확인할 수 있게 자료를 올려드리니
commagun.tistory.com
삼성 갤럭시 S23 Ultra 사용자 매뉴얼 바로보기
갤럭시 S23 Ultra 갤럭시 S23 Ultra의 사용자 매뉴얼을 어떤 프로그램을 통하거나 다운로드 받아 번거롭게 확인하지않고 글자체내에서 바로 확인할 수 있게 자료를 올려드리니 필요하신분들은 이 글
commagun.tistory.com
관련글
이 글과 비슷한 관련 카테고리의 글을 함께 읽어보세요. 도움이 되는 정보가 많이 준비되어 있습니다.
티스토리블로그 - 이전 발행 글 넣기를 새창 열기에서 현재창 열기로 바꾸는 간단한 방법
이전 발행 글 넣기 이전 발행 글 넣기를 현재창으로 넣고 싶은 분들은 이 글을 주목해 주세요. 티스토리 블로그에 글을 쓰다 보면 플러그인 > 이전 발행 글 넣기를 하게 되는 경우가 있습니다. 구
commagun.tistory.com
티스토리블로그 - 관리페이지의 플러그인 네이버 애널리틱스를 설치하고 활용하기
네이버 애널리틱스 티스토리 블로그의 관리페이지중 플러그인페이지에 가시면 네이버 애널리틱스를 설치하고 활용할 수 있습니다. 여기서 어떻게 설치하고 애널리틱스를 적극적으로 활요하는
commagun.tistory.com
구글의 서치콘솔의 메타태그 다시 쉽게 확인하는 방법
블로그를 수정했어요 구글의 검색노출에 꼭필요한 구글서치콘솔의 메타태그를 쉽게 찾는방법을 알아보세요. 나도 모르게 이전에 작업해뒀던 블로그스킨에 각종 소스코드나 태그등을 새로운
commagun.tistory.com
참고하세요
· 블로그 상단의 구독하기버튼을 누르시면 제 블로그의 새글을 바로 받아볼 수 있습니다.
· 방문하시는 여러분의 ♥공감 하나와 댓글 하나가 저에게는 큰힘이 될 수 있습니다.
· 이 글에는 다양한 어필리에이트 활동으로 수익금을 지급받을 수 있는 링크가 있습니다.
· 이 글은 티스토리블로그 카테고리에 위치하고 있습니다. 비슷한글을 보시려면 아래를 확인하세요.
'블로그정보' 카테고리의 다른 글
| 티스토리블로그 미넴스킨의 H2, H3 제목앞에 바 제거하는 팁 (2) | 2023.07.14 |
|---|---|
| 티스토리블로그 - 형광펜효과 주는 html소스코드 (2) | 2023.04.25 |
| 티스토리 블로그의 폰트를 간단하게 변경하는 방법 (미넴스킨 사용) (2) | 2023.04.22 |
| 티스토리 블로그 대표이미지를 본문에서 안보이게 설정하는 방법 (2) | 2023.04.13 |
| 티스토리블로그 - 이전 발행 글 넣기를 새창 열기에서 현재창 열기로 바꾸는 간단한 방법 (3) | 2023.03.19 |
| 티스토리블로그 - 관리페이지의 플러그인 네이버 애널리틱스를 설치하고 활용하기 (2) | 2023.03.19 |
| 구글의 서치콘솔의 메타태그 다시 쉽게 확인하는 방법 (10) | 2023.03.17 |
| 티스토리블로그 - 유튜브영상 모바일에서 자동으로 반응형으로 보이게 만들기 (2) | 2023.03.15 |
댓글