구글 블로그 스킨 색상 변경하는 방법

이번에는 블로그의 스킨 색상을 변경해보겠습니다.
저와 똑같은 스킨인 MAGPRO 스킨을 사용하는 분이라면 저와 똑같은 방법으로 변경을 하면 되지만, 다른 스킨의 경우라면 HTML과 CSS를 어느 정도 다룰 줄 안다면 응용해서 변경할 수 있을 거라고 생각합니다.

지난 포스트

포스트 내의 제목에 눈에 띄는 효과 넣기

MAGPRO 스킨의 경우, 포스트 내의 제목이 더 눈에 잘 들어오도록 효과를 넣는 방법을 알아보겠습니다.

색상 변경 전의 저의 블로그 스킨입니다.
일단 스킨 이름인 MAGPRO의 로고가 들어있던 자리에 드리머 미스티^{Dreamer mystee} 로고를 만들어서 넣었습니다.
로고의 색상은 제가 바꾸려고 생각하고 있는 색상에 맞춰서 만들어둔 건데요, 이제부터 로고 색상에 맞춰서 스킨의 색도 바꿔보겠습니다.

F12를 눌러 개발자 도구를 이용해서 어떤 색상이 어느 변수에 담겨있는지를 찾아야 합니다.

HTML 편집으로 들어가서 색상을 변경합니다.
이때 추천하는 방법은, 만약에 --menu-bg의 색상을 변경하려고 한다면 그것만 바꿀 것이 아니라, --menu-bg의 원래 색상이 #171921이라고 치면 [ctrl + F]를 눌러서 #171921을 검색해서 원래 색상이 #171921인 값을 모두 원하는 색상으로 바꿔주는 것이 좋습니다.

그렇게 몇 분의 노가다를 거치고 이렇게 스킨의 색상을 바꿨습니다.
그 전에는 너무 원색의 레드와 블랙, 그리고 화이트와 그레이라서 좀 딱딱해 보였는데, 훨씬 산뜻하게 바뀐 것 같습니다. 😃😃

다음 포스트

구글 블로그에서 a 태그 링크를 박스 형태로 예쁘게 만드는 방법

구글 블로그에서 a 태그 링크를 박스 형태로 만드는 방법을 알아보겠습니다. 참고로 템플릿 MAGPRO 스킨을 사용하고 있습니다.