간혹 사이트나 블로그를 보면 텍스트 옆에 이미지가 들어간 모습을 볼 수 있습니다. 보통 티스토리에서 이미지를 첨부하면 본문 중간에 삽입이 되고 텍스트 앞이나 뒤에는 붙일 수 없습니다. 원하는 이미지나 이모티콘을 텍스트 옆에 붙이기 위해서는 html 코딩을 해야 합니다. 이미지 첨부하고 코드 한 줄만 추가하면 쉽게 하실 수 있습니다.
자 그럼 시작해 볼까요.
관련 글 보기
# 텍스트옆에 이미지 넣기
이미지 첨부 하기
1. 티스토리 관리자모드에서 꾸미기 > 스킨편집 > html 편집의 파일 업로드 화면에 가서 텍스트 옆에 붙일 이미지를 첨부합니다.
2. 첨부한 이미지에서 마우스 우클릭을 누르고 링크 주소 복사를 클릭합니다. html 코딩에 들어가는 주소이므로 복사하고 저장해 둡니다.
html 모드에서 img 태그 넣기
1. 신규 에디터 기준으로 기본 모드를 누르고 HTML을 선택합니다.
<img src="복사한 이미지 주소를 넣어주세요" width="17" height="17" align="bottom" />
2. html 모두에서 위 img 태그를 넣어줍니다. src에 위에서 복사한 이미지 주소를 넣어주세요. width, height로 크기를 조절할 수 있습니다. 저는 이미지를 텍스트 크기에 맞춰서 넣어보았습니다.
3. align 태그에는 left, right, top, middle, bottm 등이 있습니다. 이미지 크기와 aligh를 수정하면서 원하는 위치에 맞게 조절해서 사용하세요.
align에 따른 결과 화면
1. align="left" 일 때
2. aligh="right" 일 때
3. aligh="middle" 일 때
4. aligh="top" 일 때
5. aligh="bottom" 일 때
반응형
'IT > 블로그' 카테고리의 다른 글
네이버 저작권침해 게시물로 게시글 중단요청하는 방법 (0) | 2020.08.22 |
---|---|
다음 고객센터를 이용한 저작권 침해 신고하기 (2) | 2020.08.11 |
신한 쏠 앱으로 구글 애드센스 수익금 지급 받는 방법 (6) | 2020.07.24 |
이제 티스토리에서 사이트맵 주소가 자동으로 생성됩니다. 사이트맵 등록이 쉬워졌어요. (0) | 2020.05.26 |
티스토리 광고 최적화 - 불필요한 광고 차단하기 (2) | 2020.05.09 |
검색 최적화를 위한 사이트맵 생성 및 사이트맵 주소 알아내기 (0) | 2020.04.23 |
웹마스터도구에 사이트맵 제출하는 방법 (0) | 2020.04.23 |
티스토리 하위 카테고리 만들고 글 이동시키는 방법 (0) | 2020.04.19 |