블로그 사이드바 이미지/설명 모듈 HTML/CSS편집에서 삭제하기

이번에는 티스토리 블로그 스킨에서 기본으로 제공하는 블로거 이름과 블로그 설명 그리고 대표 이미지가 사이드바에 기본적으로 배치되었는데 이 블로그 이미지/설명 모듈 삭제하는 법을 설명해드리겠습니다.

우선 제가 설명해드릴 스킨은 제가 사용하는 3단형 NaVyMoD 스킨으로 좌측 상단에 블로그 이미지/설명모듈이 있는데 블로그 대표이미지는 '김태희'사진을 사용한 것이니 양해해 주시기 바랍니다.

3단형 NaVyMoD 스킨은 좌측 상단에 1번 블로그 이미지, 2번 블로거 이름, 3번 블로그 설명으로 되어 있습니다.

블로그 이미지/설명 모듈을 삭제하기 위해서 관린자(admin) → 스킨 → HTML/CSS 편집으로 이동합니다.

HTML/CSS 편집 상단은 skin.html 태그 수정창이고 하단은 style.css 태그 수정창입니다.

상단의 skin.html에서 <!--블로그 이미지/설명 모듈-->로 스크롤해보면 아래와 같이 태그가 있습니다.

<!-- 블로그 이미지/설명 모듈 -->

<div id="blogImage"><img src="[＃＃_image_＃＃]" alt="블로그 이미지" /></div>

<div class="blogIntro">

<div id="userID">[＃＃_blogger_＃＃]</div>

<div id="blogDesc">[＃＃_desc_＃＃]</div>

</div>

참고) "＃" 표시는 글쓰기의 특수문자에 있는 것으로 키보드에 나타나 있는 "＃"과 다르니 복사해서 붙여넣기 하시면 안됩니다. 키보드의 있는 "＃"을 글쓰기에 작성하면 글 작성후 본문에서 예)[＃＃_calendar_＃＃] 태그가 보여지지 않기 때문에 임의로 글쓰기에서 특수문자를 사용한 것입니다.

<!--블로그 이미지/설명 모듈-->에서 <img src="[＃＃_image_＃＃]" alt="블로그 이미지" />을 삭제하면 1번 블로그 이미지 모듈이 삭제되고 [＃＃_blogger_＃＃]를 삭제하면 2번 블로거 이름 모듈이 삭제되고 [＃＃_desc_＃＃]을 삭제하면 3번 블로그 설명 모듈이 삭제됩니다.

1번<img src="[＃＃_image_＃＃]" alt="블로그 이미지" />, 2번[＃＃_blogger_＃＃], 3번[＃＃_desc_＃＃]을 차례로 삭제하고 저장하고 나오면 블로그 메인에는 좌측 이미지와 같이 블로그 이미지/설명 모듈의 영역이 남아있습니다.

블로그 이미지/설명 모듈의 영역까지 모두 삭제하고 싶다면 블로그 이미지/설명 모듈의 모든 태그를 삭제하고 저장하시면 됩니다.

Tip) 만약 나중에 다시 블로그 이미지/설명 모듈을 사용하고 싶어질 경우를 대비해서 메모장(문서)에 태그를 저장해 두시거나 공개하지 않는 블로그를 하나 더 생성하고 같은 스킨을 적용하여 태그를 그대로 복사해서 붙여 넣으시면 됩니다.

writen by 7istory.tistory.com