본문 바로가기
blog/스킨 편집

티스토리 블로그 html 편집 들어가는 법

by Dreaming Coder 2020. 12. 16. 18:03

 


이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 


 

 

 

이번 포스팅은 포스팅 거리도 못 되는 정말 민망할 정도로 쉬운 내용입니다.

하지만 누군가에게는 당연한 상식인 것이 누군가에게는 그렇지 않을 수도 있습니다.

html, 태그, 코딩 등등.. 단어도 생소한 처음 접하시는 분들에게는 하나하나 다 자세하게 알려주지 않으면 이해를 못할 수도 있지 않을까 하는 마음에서 오늘의 포스팅을 합니다.

티스토리 html 편집을 하려면 어디로 들어가야 하는지 알려드리겠습니다.

 

 

 

티스토리 블로그 html 편집하기

 

티스토리 블로그 관리로 가셔서 좌측에 스킨 편집 메뉴로 들어갑니다.

 

 

 

그러면 위와같은 새창이 뜹니다.

화살표가 가리키는 html 편집을 클릭하시면 스킨의 소스 코드를 수정하실 수가 있습니다.

 

 

 

HTML 코드를 수정하실 때는 HTML,

 

 

 

CSS 코드를 수정하실 때는 CSS를 클릭합니다.

 

 

 

 

 

 

html 소스 코드 내에서 검색하기

 

몇백 줄이나 되는 소스 코드 안에서 원하는 내용을 찾기 위해서는 필히 검색이 필요합니다.

소스 코드 내의 빈 곳을 아무 곳이나 클릭해서 커서가 깜빡이게 만듭니다.

 

 

 

그리고 ctrl+f 를 누르면 소스 코드 상단에 이렇게 검색을 할 수 있는 곳이 뜹니다.

 

 

 

실험 삼아서 body 라고 검색을 해보았습니다.

그러면 검색 결과 body 라는 소스 코드가 쓰여있는 곳이 몇 곳인지 스크롤바에서 이렇게 노랗게 표시가 됩니다.

 

 

 

html 편집 후에는 반드시 '적용'을 클릭

 

수정을 하신 뒤에는 반드시 적용을 클릭하셔야 적용이 되며,

초보자 분들은 소스 코드를 잘못 수정해서 문제가 발생하는 것을 방지하기 위해서

덮어쓰거나 지워버릴 코드를 메모장 같은 곳에 붙여넣기 해두시면서 작업하시는 걸 추천드립니다.

 

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서
빨간 하트로 만들어주세요.
(비로그인도 가능합니다!!)

지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글