블로그, 카페에 글올릴 때 이미지 사이에 공백 넣는 쉬운 방법

▼ 블로그나 카페 운영 하실 때 사진을 많이 넣고 나면 사진이 다닥다닥 붙어서 OTL.... 

사진을 한 두개 올렸어야 정리하지....20개를 올렸는데 일일이 엔터 쳐야 된다고....맙소사...

 

 

 

 

블로그, 카페에 글올릴 때 이미지 사이에 공백 넣는 쉬운 방법

 

 

이럴 때 블로그를 이쁘게 꾸미기 위해서 중간에 빈칸을 적절히 넣고 싶으시죠.  잘 알고 계신것처럼 네이버나 티스토리의 사진 올리기를 하고 나면 사진이 모두 다닥다닥 붙어버립니다. 이때 빈칸을 띄워주려면 일일이 찾아가서 Enter키를 몇 번씩 치면서 스크롤의 압박과 함께 엄청난 스트레스 그리고 블로그를 하기 싫어지는 안좋은 상황이 벌어집니다. 덜덜덜...

 

 

 ▼ 블로그 하다가 스트레스 받을 때 저의 표정과 거의 흡사합니다. --;

 

 

 

이럴 때 사용하면 좋은 방법이 있어서 오늘 소개해 드리려고 합니다. 

이미지 중간에 빈칸 삽입하는 쉬운 방법! 순서대로 따라 오세요.

 

 

▼ 사진 올리기를 해서 사진을 다 올리세요. 

 

 

 

 

▼ 그리고 블로그 글쓰기 에디터에서 제공하는 HTML편집기 모드로 들어가세요. 

빨간색으로 표시된 부분을 클릭하시면 HTML편집기 모드로 넘어갑니다. 

 

 

 

 

 

▼ 그러면 아래 화면이 나옵니다. (HTML편집기 모드) 

 

 

 

 

▼ HTML편집기 위에서 아무곳이나 클릭해서 커서를 옮긴 다음, Ctrl + A를 눌러 전체 선택을 하시고

 

 

 

 

▼ Ctrl+C 혹은 마우스 우클릭 후 복사 버튼을 눌러 방금 선택한 본문 전체를 복사합니다. 

 

 

▼ 메모장을 열어서 (실행방법은 시작 메뉴 -> 실행 -> notepad입력 후 확인)

 

 

▼ 메모장이 열리면 아까 복사한 본문을 그대로 복사합니다. 붙여넣기 (Ctrl + V) 혹은 마우스 우클릭 후 붙여넣기 클릭 

 

 

 

▼ 본문이 모두 복사 되었으면 마우스 커서를 본문의 제일 좌측 상단, 즉 본문의 제일 처음에 둡니다. 가서 클릭만 하시면 됩니다.

 

 

 

자, 여기까지 오셨으면 거의 다 오신 겁니다. 힘내세요!

 

 

 

▼ 메모장 편집 탭에서 바꾸기 메뉴를 클릭! (Ctrl + H) 

 

 

▼ 이렇게 클릭 하시면 아래 창이 뜹니다.

 

 

 

▼ 위의 창에서 찾을 내용에는  ><img를 입력하시고, 바꿀 내용에선 ><br><br><img 를 입력한 다음, 반드시, 꼭! 모두 바꾸기 버튼을 클릭하세요.

짧은 순간이지만 화면이 휘리릭 움직이는 느낌이 있을 겁니다. 바뀐 겁니다. 취소 버튼을 눌러서 바꾸기 창을 끄세요.

(참고로, 가운데 <br>이 한 줄입니다. 세줄 띄우고 싶으시면 <br>을 사이에 하나 더 넣으세요!)

 

 

 

▼ 이제 다 끝났습니다.

메모장에 있는 모든 내용을 아까와 동일하게 Ctrl + A(전체선택), Ctrl + C(복사)를 차례로 눌러 메모리에 담아둡니다.

 

 

 

 

▼ 그리고 아까 블로그의 HTML편집기로 들어가셔서 현재 본문에 있는 내용 전체선택(Ctrl + A)하시고 Delete버튼 누르시고,

 

 

 

▼ Ctrl + V(붙여넣기) 하여 메모장에서 편집한 내용을 옮겨 옵니다.

 

그리고 HTML 편집기를 들어오기 위해 체크했던 단추를 해제하세요. 그러면 쨔잔! 이미지들 사이에 공간이 생긴 것을 확인하실 수 있습니다.

 

어떠신가요? 쉬우면서도 아하~하는 방법이지요? 참고해서 유용하게 사용하시길 바라겠습니다.