애드센스 노란색 배경 없애기. 코드수정으로 간단히 해결.

 

애드센스 노란색 배경 없애는 방법

워드프레스 초보 블로거는 블로그에 문제가 발생할 때마다 머리가 복잡해집니다. 문제 해결을 위해선 꽤나 시간과 수고를 들여야하거든요. 저같은 쪼쪼렙은 특히나 더 그렇습니다. 문제가 생겨도 이게 문제거리인지도 모르고 지나가는 경우도 허다하죠 ㅎㅎ;

저는 며칠전 블로그에 삽입해둔 애드센스 광고 배너 주변에 노란색 띠가 보이는것을 발견했습니다. 아니, 그 사실을 인지한지는 한참 됐는데 무시하고 지내다가, 그날따라 그게 꽤나 눈에 거슬려 보였다고 하는게 맞을것 같네요. 그 이전 까지는 그걸 문제라고 생각 못한겁니다.?

 

애드센스 노란색 배경 (2)

 

?위 그림처럼?숏코드를 이용하여 포스팅 중간에 삽입해둔 애드센스 광고 양옆에 노란색 여백이 보입니다. 이게 언제부터 생긴건지도 솔직히 잘 모르겠군요. 반응형 애드센스 광고의 모양을 직사각형으로 설정하면서 부터 저렇게 나오는것 같기도 하고 ㅎㅎ;;

아무튼 이걸 없애는 방법을 찾아보니 의외로 쉽게 몇몇 방법들이 검색되는군요. 그중에서도 블로거?Bandi 님이 작성하신 글이 참 많은 도움이 되었습니다. 정말 신기하게도 사용하고 있는 테마도 hueman theme로 같더라구요.?

 

 

저는 쪼렙 블로거이기 때문에 고수분들의 이런 꿀팁이 정말 소중합니다. 이자리를 빌려 다시한번 감사의 말씀을 드립니다. ㅎㅎ. 각설하고, Bandi님의 팁대로 먼저 스타일시트를 수정하는 방법을 이용해보았습니다. 이용중인 테마의 style.css 에 코드 ?.adsbygoogle { background:#fff; } 를 삽입하면 된다던데?bandi 님처럼 저도 이 방법은 먹히지 않았습니다.?

그래서 두번째 방법, 애드센스 코드에 직접 배경색을 지정해주는 방법을 이용해 보았습니다.

 

애드센스 노란색 배경 (1)

 

자신의 애드센스 코드를 살짝 변형해주면 쉽게 해결이 가능합니다. 광고의 배경색을 블로그 배경색과 같이 맞춰주면 되는거죠.?저는 Easy Adsense 플러그인에 애드센스 코드를 넣어 사용합니다. 위 사진처럼 style 부분에 background:#fff; 라고만 추가로 적어주면 되죠. 저는 배경색을 하얗게 만들었습니다.

참, 저처럼 스타일 속성마다 뒤에 ;(세미콜론) 넣는거 빼먹지 마세요. ?ㅎㅎ

 

애드센스 노란색 배경

 

애드센스 코드를 수정하고 저장한뒤 다시 포스팅을 확인해보면 위와같이 광고 주변에 나타났던 노란색 배경이 사라진걸 확인할 수 있습니다. 해결전엔 이걸 어쩌면좋나 싶던게 해결하고나니 간단하네요 ㅎㅎ


애드센스 노란색 배경 (3)

애드센스 노란색 배경 (4)

 

모바일 페이지에서 볼때도 이렇게 노란 배경이 샥 사라졌습니다. 같은 문제로 고민중이신 분들은 한 번 위 방법을 사용해 보세요. 😉

참고 블로그 😕애드센스 배경 노란색으로 나올 때 워드프레스에서 수정 방법?

 

You may also like...

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

Protected with IP Blacklist CloudIP Blacklist Cloud