구글 블로그스팟 이미지 늘어짐 해결방법

구글 블로그 스팟을 운영하다 보면 테마가 구려서 나에게 맞는 스킨을 입혀서 사용을 하는 분들이 많은데요. 스킨은 정말 마음에 들고 좋은데 모바일 화면에서 이미지가 늘어나는 현상을 겪고 있다면 해결 방법을 알려 드리도록 하겠습니다. 이미지 늘어남으로 신경 쓰이고 글도 못쓰고 골머리 앓지 말고 해결하고 글쓰기에 집중해 보세요!

 

목차

모바일 에서 이미지가 늘어짐

 

 

이미지가 늘어 나있고 독자들 에게 불편감을 주는 것을 볼 수 있습니다. 글쓴이에게도 불편감을 주고 여간 신경 쓰이는 게 아닌데, 블로그 스팟은 이미지 크기를 따로 조절을 해줘야 해서 불편함을 느끼는데 이제 사이즈를 알아서 맞춰서 늘어지기 않고 제대로 보이게 해결을 해보겠습니다.

 

블로그 스팟 설정

 

 

 

블로그 스팟에 들어가면 좌측에 보이는 여러 카테고리 중 아래에 보이는 테마를 눌러 줍니다.

 

 

HTML을 생각했겠지만 CSS를 추가시켜 줄 겁니다. 따로 HTML 창에 들어가지 않고 간단하게 추가 가능한 방법입니다.

맞출 설정을 눌러 줍니다.

 

 

맞춤설정에 들어가면 테마 설정 하는 창이 뜨는데 <고급>으로 들어가 줍니다.

 

 

고급 설정에 들어가야 합니다. 고급 바로 아래에 보이는 Theme Colors를 눌러 주세요!

 

 

CSS 추가 하기

 

눌러 주면 CSS추가 가 있습니다. 블로그 스팟 에는 CSS를 일일이 어디에 넣을지 찾아서 넣지 않아도 추가를 시켜주면 알아서 정해진 위치에 CSS코드가 입력됩니다. 이 방법은 정말 똑똑하고 편리하게 잘 만든 것 같습니다.

 

 

 

.post-body img {max-width:100%; height: auto; border-radius:10px; pointer-events: none;}

 

위 코드는 이미지 사이즈 를 오토로 하여 늘어지지 않고 창에 자동으로 맞춰줍니다. 코드는 복사 후 아래와 CSS코드를 추가시켜 줘야 합니다.

 

 

CSS추가에 복사한 코드를 넣고 저장만 하면 됩니다. 저장 후 확인을 해보면 아래 이미지와 같이 나타나게 됩니다.

 

해결된 이미지 모습

 

CSS코드를 넣고 확인을 하니 해결이 되었습니다. 이미지 오토 기능을 추가시켜 주기만 하면 되니 굳이 스킨을 바꾸고 할 것 없이 원하는 스킨에 코드만 입력을 해서 원하는 스킨을 마음껏 사용하며 글쓰기에만 집중해 보시기 바랍니다!

 

블로거 여러분들 오늘 하루도 글 쓰느라 고생 많은 싶니다! 앞으로 유용한 정보가 있을 시 공유해 보겠습니다.