구글 blogger 블로그 css 추가로 소스 코드용 박스 모델(html box model)을 만들다.
지금까지 포스트 올릴 때 글과 소스 코드 구분이모호해 보기 좋지 않았다.
구글 blogger 테마 디자이너에서 'CSS 추가'를 이용해 '소스 코드'용 박스를 만들었다.
고급 메뉴의 'CSS 추가'에 아래 스크립트를 작성해 넣었다.
.code_box { border-style: solid;
border-color: #9090e0;
background-color: #fefefe;
border-width: 1px 3px 3px 1px;
padding:10px;
word-break;
break-all;}
글을 작성할 때 'HTML 보기'로 전환 후 div 태그에 class="code_box"를 추가해 사용한다.
위 그림처럼 추가하면 아래 박스와 같이 보여 진다.
잘 보고 갑니다
답글삭제