구글 프리젠테이션을 블로그에 삽입하기

그 동안 구글 프레젠테이션 문서의 공유가 필요할 때, 보통 구글 문서의 공유 URL Link 을 카톡으로 공유하였는데,
블로그나 웹페이지에 iframe 코드로 문서를 삽입하여 트래픽 유입을 (조금이나마) 유입시킬 수 있는 공유 방법을 소개합니다.


바로 아래는 구글 프리젠테이션 문서를 티스토리 블로그에 삽입한 예시입니다.

 

 

1. 구글 프리젠테이션 문서에서 파일 > 공유 > 웹에 게시 선택

2. '웹에 게시' 팝업창에서 '삽입 + 게시' 를 클릭

3.  팝업창에 표시된 iframe 태그 전체를 복사

4.  복사한 iframe 태그를 '글 작성하기' 페이지에서 HTML 모드에서 복사

기존 width 값과 height 값을 위와 같이 변경하면, PC 화면에서는 상하좌우 공백없이 출력됩니다.
기본적으로 반응형으로 만드는 CSS 코드가 있지만, 티스토리 편집기가 모든 HTML 코드를 허용하는게 아니어서
모바일에서는 어떤 값을 넣어도 상하 여백이 생기네요. 좋은 방법있으신 분들은 댓글로 달아주시면 감사하겠습니다.

반응형