애드센스 승인받고 hELLO스킨 적용! - 커스텀 변경 부분

애드센스를 승인받을 시점

회사 잔업에 다른 부수적인 일들이 급격히 늘어나면서 승인글 이후로 첫 글이네요.

이제 시작인 블로그 열심히 꾸준하게 해야 하는 다짐을 가지고! 블로그의 기본테마와 애드센스 광고 설정 등 쥐어짜기식으로 공부하느라 힘들었습니다. 다들 애드센스 승인받는 게 힘들다고 하시고 저 또한 그렇게 생각했는데 막상 승인받고 나니 지금부터가 진짜 시작이라는 것을 느꼈고 블로그에 단순히 글만 작성해서는 안된다는 것을 느꼈습니다.

 

물론 테마는 개인 선호도에 따라서 기본 테마로 쭉 유지를 해도 되지만, 저 같은 경우는 전체적인 깔끔함과 글의 가독성이 좋은 테마를 알아보고 변경했습니다. 제 눈에는 북클럽 스킨이 본문간격이나 기본 서체가 별로 마음에 들지 않았습니다.

 

hELLO스킨 적용 - 정상우님

일단 글 시작하기 앞서 이렇게 대단하고 이쁜 스킨을 무료로 배포해 주시는 정상우님께 감사하다는 말씀 전합니다.

 

스킨은 정상우님 블로그에서 다운로드하고 적용하시면 됩니다. 스킨 적용은 간단합니다. 저는 현재 v4.2.2 버전을 적용 중이며 버전마다 스킨 기능이 조금씩 다릅니다. 버전을 살펴보니 하위버전에서는 유용한 기능을 최신버전에서 없앤 부분이 있어서 아쉬운 부분도 있으나, 버그를 개선하고 안전성이 향상된 최신버전으로 하게 되었습니다.

 

스킨을 적용하고 버전확인은 사이드바 최 하단에서 확인하실 수 있습니다.

hELLO 티스토리 스킨을 소개합니다.

 

제가 생각하는 hELLO스킨의 장점

흰 영역으로 가득 채운 심플하고 깔끔함이 아닌 적절한 위치와 구간에 알맞은 기능과 다양한 요소가 배치되면서 생기는 깔끔함이 좋았습니다. 사이드바는 본문 글을 읽을 땐 안 보이게 숨겨서 글에 집중도를 올려주며 펼쳤을 때는 해당 블로그 프로필의 강조되는 점과 깔끔한 메뉴 배치가 보기 좋았습니다.

본문 글에서는 TOC(Table Of Contents)이 적용돼서 상단의 목차와 측면에 글의 소제목이 나열됩니다. 소제목을 보고 클릭하면 해당 구간으로 바로 이동됩니다. 아주 편리한 기능입니다.

 

제가 생각하는 hELLO스킨의 단점

단점이라고 생각 드는 부분은 딱히 없으나, IT 코팅하시는 분들께서 이 스킨을 선호하고 정상우님께서도 이 부분을 선호하셔서 그런지, 애드센스의 모든 광고를 넣기가 어렵습니다. 제가 HTML를 할 줄 몰라서 어려운 부분일 수도 있습니다.

 

기본적으로 스킨 적용 후 앵커광고와 사이드바 광고는 적용되지 않았습니다.

 

 

이번에 블로그를 적용하면서 처음으로 HTML코드를 조금씩 공부하기 시작했습니다. 애드센스 광고 적용할 때도 마찬가지고, 테마마다 HTML / CSS 코드가 전부 달라서 다른 블로그에서 공유되는 코드를 그대로 붙여넣기하다가는 오류가 생깁니다. 블로그를 조금이나마 특별하게 꾸미고 싶으면 HTML를 사용할 줄 알아야 합니다. 티스토리 블로그는 이점이 강점이라고 하는데, 코드를 볼 줄 모르는 사람 입장에서는 부담감이 앞서긴 합니다. 그래도 조금 공부해 본 결과, 변경 명령어만 파악하면 수치만 변경되는 수준정도는 어렵지 않았습니다. 

 

커스텀 변경 

무료로 제공해 주신 hELLO스킨에 저의 입맛에 맞게 몇 부분을 수정하였습니다.

다 하고 나서 한 것들을 생각해 보면 정말 쉬운 부분은 쉽다고 느껴지나, 막상 할 때는 처음인지라 무척 생소하고 어려웠던 점. 그래서 전 후 비교 사진을 준비를 못했네요.

 

1. 홈 화면 전체 글 목록의 글 제목 글자 크기를 올렸습니다. 좀 더 가독성이 좋아졌습니다.

 

2. 블로그 이름과 프로필 이름 글자 크기를 올렸습니다. 

 

3. 블로그 카테고리에 마우스 오버 효과를 적용했습니다. 마우스를 해당 카테고리로 가져가면 강조되는 효과가 보기 좋습니다.

 

4. 홈 화면 글 목록 이미지 모서리를 라운드 처리 했습니다.

 

5. 본문 이미지 테루리를 적용했습니다. 흰색 이미지 같은 경우 경계선이 없어서 불편했는데 해결했습니다.

 

6. 본문 글자 크기를 전체적으로 조금씩 올렸습니다. 제목글뿐만 아니라 본문글까지 가독성이 더 좋아진 느낌입니다.

 

7. 페이지 클릭 시 로딩페이지의 이미지를 변경했습니다.

 

 

결론

제가 변경한 부분은 hELLO스킨을 적용하신 여러 블로거들의 자료를 보고 변경했습니다. 전부 감사드립니다. 너무 많아서 전부 다 링크 걸기에는 제한이 있습니다. 조금만 검색해도 전부 나옵니다.

 

지금은 광고 적용 중에 있습니다. 나름 hELLO스킨 안에서도 광고를 배치할 공간이 괜찮아 보입니다. 공부 더 열심히 해서 적용 후 공유 해보도록 하겠습니다.

 

이상입니다.