티스토리 글 옆에 이미지 넣는 방법

안녕하세요?

티스토리 글을 읽다가 보면 글 옆에 이미지가 들어가 있는거 많이들 보셨죠?

이런거요..

오늘은 이거 어떻게 하는지 정말 간략하게 알아보도록 하겠습니다.
아래 코드를 복사하여 붙여넣기만 하면 됩니다. 다만, 이미지 링크를 가져와야 하는데 자세한건 밑에서 설명을 할께요~

티스토리 글 옆에 이미지 넣기 코드

<img style="vertical-align: bottom;" src="여기에 이미지 링크 복사 후 붙여넣기 하세요." width="25" height="25" align="bottom" />

 

티스토리 글 옆에 이미지 넣는 방법

티스토리에 글을 쓸 때 모드가 몇 개 있는지 알고 계실거에요.

보통은 기본모드로 작성을 하는데 필요에 따라 마크다운과 HTML을 선택하기도 합니다.

이미지를 넣기 위해서는 HTML로 선택하셔야 해요.

티스토리-글-옆에-이미지-넣는-법

왼쪽 위 기본모드를 클릭하셔서 HTML로 선택한 후 아래 빨간 동그라미에 로고를 넣어보도록 하겠습니다.
아래 "윈도우 키 = "를 HTML에서 보면 아래 빨간 네모상자와 같이 나옵니다.

윈도우 키 = 

티스토리-글-옆에-이미지-넣는-법-HTML

&nbsp; 는 빈 칸을 의미하는데 &nbsp; 바로 옆에 위 코드를 넣으시면 됩니다. 그 다음 이미지 링크만 대체해 주시면 되는데요.

이미지 올리는 방법

1. 티스토리 블로그 관리로 이동
2. 왼쪽 메뉴바에서 꾸미기 - 스킨편집 클릭
3. 오른쪽 상단의 스킨편집 - HTML 클릭
4. 오른쪽 상단 파일업로드 클릭
5. 오른쪽 하단 +추가 선택 후 원하는 이미지 업로드
6. 올라간 이미지에 마우스 커서 올리고 오른쪽 버튼 클릭
7. 링크 주소 복사 클릭
8. 작성하던 글로 돌아와 상단 HTML 선택 후 붙여넣기

티스토리-스킨편집

티스토리-HTML-편집

 

티스토리-스킨편집-파일업로드

 

글자 옆에 이미지 넣기 결과

 

" 윈도우 키 = "

 

끝.