티스토리 웹사이트 썸네일 만들기 : 외부콘텐츠 이용하기

티스토리 웹사이트 썸네일 만들기 : 외부콘텐츠 이용하기

보통 사이트를 소개할 때는 단순히 URL을 이용해서 새로운 창을 띄워 관련한 정보를 보여주는 것이 일반적인 방식이죠. 하지만, 개발된 소스에 따라서 이러한 링크를 보다 동적으로 표현하는 방식을 웹사이트 썸네일이라고도 합니다. 요즈음은 카카오톡에 URL을 입력하면 일정하게 요약된 이미지로 표현되는 것과 비슷한 기능이라고 할 수 있죠. 티스트로 블로그를 하던 중에 우연하게 외부콘텐츠 기능을 만지다가 알게되었는데, 신기하게도 웹사이트 썸네일 처럼 작동이 되네요.

 

 

 

 

티스토리 관리자 글쓰기 모드 중

 

에디터의 외부콘텐츠 메뉴를

 

클릭합니다.

 

 

 

 

 

 

 

팝업된 외부콘텐츠 삽입 창

 

멀티미이어 링크를

 

체크한 후에

 

링크를 입력해 줍니다.

 

 

 

 

 

 

 

관리자 쓰기 모드에서는

 

외부컨텐츠의 삽입 모습은

 

위와 같이 실제 모습은 보여주지

 

않습니다.

 

 

 

 

 

 

 

 

 

 

티스토리 블로그 외부콘텐츠 기능은?

 

보통 썸네일은 이미지 처럼

 

링크의 연결만 가능한데,

 

티스토리 블로그의 외부콘텐츠 기능은

 

실제로 외부콘텐츠의 클릭이나

 

이용이 가능하네요.

 

 

제 블로그의 랜덤 페이즈를

 

넣어 봤더니 반응형 사이즈로

 

나오네요.

 

 

 

 

 

 

 

 

 

다음 검색의 첫페이지도

 

잘 나오네요.

 

 

 

 

 

음......

 

네이버는 왜 안될까요?

 

 

 

 

 

네이버 안된다니

 

구글 한번 해보고 싶네요..

 

윽..

 

구글도 안되네요.

 

외부컨텐츠 접속은 보안상 네이버와

 

구글 모두 막아 둔게 아닐까

 

하는 잘모르지만 추측만 해봅니다.

 

 

 

 

 

<EMBED height=300 width=400 src=http://dietx.tistory.com/464 wmode="transparent" allowScriptAccess="never"> <EMBED height=300 width=400 src=http://www.daum.net wmode="transparent" allowScriptAccess="never"> <EMBED height=300 width=400 src=http://www.naver.com wmode="transparent" allowScriptAccess="never">

 

 

 

해당 외부컨텐츠를 넣기 위한

 

HTML 코드를 보니

 

<EMBED>를 이용해서

 

넣더군요..

 

사이즈는 너비 400, 높이 300

 

 

 

 

 

 

 

 

height=300 width=400

 

속성을 조정해서

 

사이즈를 페이지에 적절하게

 

맞출 수도 있습니다.

 

 

티스토리 외부콘텐츠 : 웹사이트 썸네일 단점은?

 

 

단순한 이미지가 아닌

 

웹사이트의 페이지를 직접 불러오기

 

때문에

 

페이지 로딩 속도에 영향을 주는 듯

 

싶네요.

 

 

모바일은 잠시 확인을 해봐야겠어요.

 

 

 

 

유투브영상의 소스코드를

 

가져와서 넣어보니

 

깔끔하게 넣어지네요.