구글 블로그 사용법: 블로그에 구글문서(Doc) 삽입하기

1. 삽입할 구글문서의 코드 얻기(아래 그림 참조)

=> 먼저 삽입할 문서(Google Document)를 작성하거나 이미 작성된 문서를 연다
=> 오른쪽 맨 위의 메뉴바에서 파일(File) > 웹발행(Publish to the web)
=> 삽입(Embed) 클릭 > 문서가 새로 갱신되면 자동으로 재발행/업데이트(Automatically republish when changes are made)에 체크 > 발행(Publish) 클릭
=> 생성된 아이프레임코드에 아래 그림의 오른쪽 아래부분에서 보는 것처럼 파랑색으로 선택된 상태에서 키보드의 [컨트롤+C]키를 쳐서 복사를 한다
=> 구글블로그에 붙여 넣는다 (자세한 방법은 아래 2번 참조)

2. 구글 블로그에 코드 삽입하기

블로그 글쓰기(Post)에서 [HTML]을 눌러 HTML편집창을 열고 아래 그림처럼 코드를 붙여 넣는다.

1) 아래는 복사한 코드와 실제로 적용했을 때의 모습이다.
코드에는 삽입된 문서의 가로/세로 길이가 설정되어 있지 않기 때문에 조그맣게 보여진다.

[구글문서에서 얻은 코드의 모습]

<iframe src="https://docs.google.com/document/d/1ST0phLjDS08vziwXW-oRfw0shczp5axeeiqcu9mHKH8/pub?embedded=true"></iframe>

[실제로 적용한 모습]

2) 삽입한 문서에 가로/세로 길이 설정하기
코드에 가로 길이를 지정하는 'height="250px" width="100%"을 추가한다. 숫자는 페이지에 어울리게 조정하면 되고, 단위는 % 또는 px로 지정한다.

[가로/세로 길이를 지정하는 코드를 추가한 모습]

<iframe height="250px" width="100%" src="https://docs.google.com/document/d/1ST0phLjDS08vziwXW-oRfw0shczp5axeeiqcu9mHKH8/pub?embedded=true" ></iframe>

[추가후 적용한 모습]

* 참고: 아이프레임 정렬하기
frameborder="1" => 테두리 두께 지정, '0'을 주면 테두리 표시 안함
align="left" => 좌우 정렬, 'left'는 왼쪽정렬, 'right'는 오른쪽 정렬

>>  구글 드라이브 (Google Drive) 사용법 : 글 목록