티스토리블로그 배경색(색깔,색상) 확인하고 수정하기 (사이트, 홈페이지) - 포토스케이프 활용(이용)

티스토리블로그 배경색(색깔,색상) 확인하고 수정하기 (사이트, 홈페이지) - 포토스케이프 활용(이용)

 

티스토리 블로그는 네이버 블로그나 다음 블로그처럼 단순 가입형 블로그가 아닌 설치형과 가입형이 혼합된 방식이라 HTML 같은 웹프로그래밍 언어를 어느 정도 알아야 자유롭게 수정이 가능하다고 볼 수 있겠습니다.

그 중 티스토리 블로그의 배경색을 수정하려면 <관리> - <HTML/CSS 편집> - <style.css> 에서 배경색의 색상코드를 수정해야 하는데, 저처럼 잘 모르시는 분들을 위해 쉽고 빠르고 정확하게 수정하는 방법을 알려드리려 합니다.

보통 티스토리 블로그의 "style.css"를 보면 아래와 같이 "body {}" 부분에서 배경색의 색상코드를 수정하여 배경색을 쉽게 변경할 수 있습니다.  색상코드는 포털사이트 "네이버"에서 "색상표"로 검색하면 쉽게 찾을 수 있습니다.

문제는, 무료로 배포하는 스킨이나 유료로 배포하는 스킨 같은 경우, 다른 곳에서 배경색 색상코드를 수정해야 하는 경우가 종종 있습니다.  홈페이지(사이트) 빌더로 간단하게 본인의 홈페이지를 만들 때도 활용할 수 있겠습니다. 

바로, 포토스케이프라는 프로그램을 이용하여 쉽게 배경색상의 색상코드를 확인하고 수정할 수 있습니다.  참고로, 포토스케이프는 무료 프로그램이므로 다음이나 네이버에서 "포토스케이프"로 검색하여 간단하게 프로그램을 다운받아 설치할 수 있습니다.

주의할 점은 간혹 블로그나 카페에서 포토스케이프(다른 무료 프로그램 포함)를 배포하는 경우가 있습니다.  방문자 수가 많은 곳이라면 괜찮겠지만, 최신 글도 없고 최근 흔적이 별로 없는 곳의 글에 첨부된 프로그램은 조심하시기 바랍니다.  요즘, 무료프로그램에 애드웨어나 스파이웨어 등을 심어 함께 설치하게 하는 경우가 종종 있더군요.  포토스케이프 프로그램은 그렇게 첨부되는 설치 파일에서 이런 현상을 찾아볼 수 없었으나, 다른 무료 프로그램의 경우 그런 적이 있었는데, 골치 아픈 적이 있었습니다.  왠만하면 해당 프로그램의 제작사 홈페이지나 네이버와 다음의 공식 자료실 같은 곳에서 배포하는 프로그램을 이용하시길 바랍니다.

 

포토스케이프로 배경색 색상코드 확인하기

 

본격적으로 블로그의 배경색이나 홈페이지에서 사용하는 특정 색상의 색상코드를 확인하는 방법은 아래와 같습니다.

1. 포토스케이프 프로그램을 실행 후 위와 같이 <색상검출>을 클릭한다.

2. 아래와 같이 뜨면, 설명대로 스포이드를 마우스로 누른 상태에서 본인이 색상코드를 알고 싶어하는 곳가지 드래그 한다.

3. 그러면, 파란 상자에 해당하는 곳이 확대되어 나타나는데, 색상코드을 알고자 하는 곳을 클릭하면 <검출색상>에 색상코드가 출력됩니다.

 

이런 식으로 색상코드를 알게 되었다면, 티스토리 블로그의 경우 <HTML/CSS 편집> - <style.css> 에서 찾기(CTRL+F)를 눌러 색상코드를 "복사 - 붙여넣기"하여 해당되는 부분을 찾아 본인이 변경하고자 하는 부분이 맞다면 그 부분을 수정하면 되겠습니다.

혹시, 블로그의 다른 부분에서도 해당 색상을 사용할 수 있으니, 맞는지 꼭 확인 후 수정하면 되겠습니다.  ^^

 

그리고, 티스토리블로그에 익숙하지 않는 분들에게 가장 중요한 점을 말씀드리자면 "HTML/CSS 편집"을 클릭하여 수정하기 전에 <스킨> - <스킨저장>으로 현재의 스킨을 백업하시기 바랍니다.  이상한 부분을 잘못 수정했을 경우를 대비하여 가장 중요한 과정이라 하겠습니다.