블로그기초/초보블로거를 위한

티스토리에서 이미지 좌우에 글쓰기

Kay~ 2009. 9. 17. 14:10

티스토리에서 이미지 좌우에 글쓰기

때론 티스토리는 html 웹 에디터보다 편한 기능들이 있습니다. 그 기능중 하나가 이미지 배치기능입니다.
이미지의 왼쪽이나 오른쪽에 글이 어우러지도록 하는 기능인데요!

말로하는것보다 직접 보는것이 훨씬 이해가 빠를것입니다. 아래그림을 보세요!

 

그림1. 이미지가 오른쪽에 배치되고 이미지 왼편에 글이 표시된다.

그림2. 이미지가 왼쪽에 배치되고 이미지 오른편에 글이 표시된다.

 

위와 같은 방식으로 처리하기 위해서는 table 태그를 이용하는 방법도 있지만 먼저 태그 사용법을 알아야 하고 복잡합니다. 아마도 이 기능을 모르는 사람은 table 태그를 이용해서 위와 같이 이미지를 배치하고 있을지도 모릅니니다.

이미지 배치하기  

이제 본론으로 들어가겠습니다.
티스토리의 편집화면에서 글을 쓴다음 이미지를 입력하면 기본적으로 중앙정렬이 되고 좌우는 비어 있는 상태가 됩니다. 그런데 이미지(사진)의 왼쪽이나 오른쪽에 글자를 쓰고 싶은 경우가 생기게 됩니다.

이런 경우는 티스토리의 편집기능에서 이미지 정렬(배치) 도구를 이용하면 간단하게 해결이 된답니다.

먼저 티스토리 편집화면을 보겠습니다.

아래 티스토리의 편집화면을 보면 빨간색으로 원을 그려놨는데요! 이 부분에 있는 도구들이 이미지를 배치하는 도구들입니다.

좀더 자세히 보면 아래와 같이 생겼습니다.

그런데 이 아이콘들은 평상시에는 보이지가 않습니다.
이도구들은 이미지를 클릭하여 선택이 되었을때만 보이거든요!

그럼 방법을 정리해보겠습니다.

<< 이미지 배치 방법 >>

1. 먼저 글을 입력한다.

2. 사진을 적당한 크기로 삽입을 한다.

3. 사진을 클릭한 다음 오른쪽 2개의 버튼중 한개를 눌러 이미지를 배치한다.  

[블로그 꾸미기] - 티스토리에서 이미지 삽입시 깔끔하게 삽입하기
[블로그 꾸미기] - 사진삽입시 테두리 없애기