페이지

Monday, April 13, 2015

외부 웹 페이지를 블로그에 임베딩(embed) 시키는 방법

네이버 블로그의 경우 안된다. 포기하자.

낚시 같아서 미안한 마음에 조금 정리하자면 웹페이지에서 외부의 컨텐츠를 포함 시킬 수 있는 방법은
아래 세 가지 방법이 있다.

object 태그
embed 태그
iframe 태그

네이버의 경우 1번이나 2번을 사용할 경우,
무슨 짓을 해도 type이  ‘application/x-shockwave-flash’으로 바뀐다.
즉, 플래쉬 외에는 지원이 안된다.

3번의 경우는 라는 텍스트가 앞에 붙으면서
그냥 TEXT 처리 시켜 버린다.

보안 문제라고 하는데 지원하는 다른 서비스는 그럼 보안에 문제가 있다는 건가?
일단 Blogger.com에서는 지원하는 것을 확인했다.

방법은 다음 포스팅 글에 잘 정리되어 있다.

http://www.mulinblog.com/how-to-embed-web-page-in-a-wordpress-blog-post/

아래는 blogger에서 직접 확인한 방법이다.

어떤 HTML 편집기든 편집창에서
HTML을 직접 수정할 수 있는 모드를 제공한다.

blogger1.png

HTML 탭을 누르면 아래와 같이 표시되어 있다.
여기서 빨간색으로 표시된 부분을 다른 것으로 대체하면 된다.

Blogger  Happy Programmer - 게시물 수정.png




<object data="http://www.example.com" eight="500" width="650"> <embed src=http://www.example.com width="650" height="500"></embed> </object>

Happy Programmer  python unittest.png

이 아래는 직접 외부 이미지를 추가 예다.