티스토리 스킨 변경하기 + 사이드바 광고 + 하단 광고

이전에 쓰던 스킨이

색상이나 세부적인 디테일은 마음에 들었는데

옛날 스킨이라 그런가 

제목이나 본문 서체가 무시되고,

포스팅 자체의 글씨가 좀 작은 느낌이 들었다. 

 

그래서 어린이날 기념으로 스킨 변경을 결정하고 둘러보았다. 

 

우선 스킨을 무료로 배포해주신 어포스트님께 감사 인사를 드리며

이 글을 시작하겠다. 

 

https://apost.kr/490?category=798147

티스토리 스킨 096 - 반응형 2단 풀커버 스킨 배포합니다.

 

 

이땡땡의 새로운 스킨이 된 반응형 2단 풀커버 스킨

 

일단 전에 쓰던 스킨에서 수채화 느낌을 버리기 아까워 

수채화 배경화면을 입력하고 

(배경이 고정이라 스크롤 캡쳐 하면서 배경이 중복되었다 ㅎ)

 

사이드바 메뉴가 많아서 선택의 폭이 넓어 좋은데 첫화면이 길어져서 음 ㅋㅋ

일단 고민해보도록 하고 

이것저것 셋팅해서 지금의 모습이 되었다. 

 

새로운 스킨

 

물론 스킨 변경할 때 제일 중요한게 광고!! ㅋㅋㅋㅋㅋ

 

사이드바에 광고를 추가하고

하단에 광고를 추가하였다. 

 

 

 

사이드바 광고 추가하기

일단 이전 포스팅을 참고하여 다음과 같이 수정해보았다. 

 

기존에는 폭이 300인 광고를 썼는데 사이드바에서 튕겨져 나가는 것을 볼 수 있다 ㅠㅠ

 

 

사이드바가 있는 부분을 찾아 사이드바를 추가한다.
</s_sidebar> 가 사이드바가 끝나는 명령어니까 바로 윗줄에

<s_sidebar_element>
애드센스 광고 삽입
</s_sidebar_element>

을 추가해주면 된다

 

 

추가하면 사이드바 메뉴에서 위치를 조절해줄 수 있다. 

 

일단 풀커버 기준 사이드바의 폭이 280 정도인거 같아서 280으로 셋팅하니 너무 꽉차고 답답해보여

폭을 250으로... 조절하였다. 

 

2020/03/24 - [공부하는 이땡땡/이땡땡의 블로그] - 티스토리 스킨(사이드바)에 에드센스 광고를 넣어보자!

티스토리 스킨(사이드바)에 에드센스 광고를 넣어보자!

 

하단 광고 추가하기

하단광고 역시 푸터 부분에 반응형으로 추가하였다. 

 

 

 

 

</footer> 가 푸터가 끝나는 부분이므로 그 윗줄에 광고를 삽입하면 된다. 

너무 답답해 보여 광고 윗줄과 아랫줄에 줄바꿈 <br>을 추가하였다. 

2020/04/22 - [공부하는 이땡땡/이땡땡의 블로그] - 애드센스 광고를 스킨 최하단에 삽입해보자! ㅋㅋㅋ

 

애드센스 광고를 스킨 최하단에 삽입해보자! ㅋㅋㅋ