수익형블로그 / / 2023. 5. 19. 16:17

애드핏 사이드바 광고 잘림현상 해결하기(북클럽 스킨 넓이조절)

반응형

애드센스 광고승인이 도통 안나길래 애드핏이라도 해볼까 하고 신청하니 신청 다음날 바로 애드핏 통과가 되었습니다. 

애드핏은 승인 조건이 개설 후 3개월이 지나고, 게시물이 20개 이상이면 쉽게 승인이 가능하니 저같이 애드센스에 목말라하시는 분은 애드핏으로라도 일단 신청하시길 바랍니다.

 

 

그런데 애드핏을 설정하고 광고가 송출이 잘 되는지 확인하려고 하니 약간의 문제가 발생하였습니다. 

바로 사이드바에 위치한 광고가 약간 잘린 채 게시되고 있었습니다. 

 

일부가 나타나지 않고 있습니다.

 

 

원인이 뭔지 보니, 사이드바의 넓이가 광고크기보다 작아서 조금만 늘리면 될 것 같다는 생각에 스킨수정을 해보았습니다. 

 

사이드바 넓이 수정하기(북클럽스킨)

 

 스킨편집으로 들어간 후 CSS를 클릭합니다.

 

② Ctrl + f를 눌러 검색창을 열어줍니다.

 

③ #aside를 검색합니다.

    width: 21.296296296296296%;부분이 사이드바의 넓이를 설정하는 코드입니다.

 

적용전

 

④ 약간만 넓히면 되기 때문에 

 

 width: 21.296296296296296%; → width: 23.296296296296296%; 으로 바꿔주었습니다. 

그리고 적용을 눌러줍니다.

 

적용후

 

이제 광고가 잘 표시되는지 확인해 보기 위해, 포스팅이 된 글들 중 한 개를 눌러 들어가 보았습니다. 

이제야 제대로 표시가 되어서 나타나는 것을 확인할 수 있습니다. 

 

제대로 나오고 있는것을 확인

 

네이버 블로그만 하다 티스토리로 넘어왔을 때 이게 뭔가 했었는데 코드를 만질수록 흥미가 있는 것 같습니다. 

아직 기본적인 도구밖에 사용 못하지만 사이드바 설정이 굉장히 많아서 공부를 좀 더 해봐야겠습니다. 

코드만 잘 안다면 블로그를 입맛대로 변형시키며 표현하고 싶은 대로 만들 수 있는 매력적인 공간이지 않을까 싶습니다.  

 

 

 

300x250
반응형
그리드형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유