2016년 3월 22일 화요일

구글블로그(블로그스팟) 본문 컨텐츠 이미지 사이즈 제한

블로그스팟 컨텐츠 이미지 사이즈 제한하기


구글블로그에서 포스팅을 하다보면 이미지 사이즈가 컨텐츠영역을 넘어서 사이드바 영역을 침범하는 경우가 있다.
이런 경우 해결하는 방법이 템플릿 디자이너에서 너비를 조정하는 방법이 있고,
css 로 img max-width를 설정하는 방법이 있다. 물론 둘 다 설정해도 된다.

▶ 템플릿 디자이너 메뉴로 이동

    설정에서 레이아웃 -> 템플릿 디자이너를 클릭

▶ 템플릿 너비 조정하기

    너비 조정 메뉴에서 사이즈를 설정 (컨텐츠영역 = 전체블로그 - 오른쪽메뉴)

▶ 템플릿 고급 CSS 추가

    고급 -> CSS추가(스크롤을 아래로 내리면 나타남) -> textarea 영역에 .post-body img { max-width:900px; } 작성 후 블로그에 적용 버튼 누르기
    max-width 에 자신의 컨텐츠영역의 사이즈 보다 조금 작게 적어주면 된다.