티스토리 애드센스 광고 중앙정렬

티스토리에 애드센스 광고를 삽입하는 것이 지금은 꽤나 편하게 되어 있는 것 같습니다. 티스토리 플러그인을 살펴보면 웹용, 모바일용, 반응형으로 구분되어 있어, 간단하게 자신의 광고 코드만 넣으면 출력되도록 지원하기 때문입니다. 

그런데, 광고코드만 넣으면 기본적으로 왼쪽 정렬로 출력이 됩니다. 개인적으로 이렇게 한번 운영해 볼까? 라고 생각도 해봤습니다. 왜냐면 다들 중앙 정렬을 하니 이렇게 하면 조금 독특해 보이지 않을까? 라는 생각에서였죠. 하지만, 곧 생각을 접고 중앙 정렬로 바꿨습니다. 왜냐면 독특한 느낌보다는 불편하다는 인식이 더 강했기 때문입니다. 

정석적인 광고 위치라는 게 있긴 하지만, 그럼에도 불구하고 독특한 광고 배치로 효과를 보는 분들도 분명히 있을 것 같네요. ^^

애드센스 광고를 중앙으로 정렬하는 것은 그리 어렵지는 않습니다. 예전에는 광고 코드 앞에 <center> 를 붙이고, 제일 뒤에 </center>를 사용을 했습니다. 하지만, HTML의 center 태그는 이제 거의 쓰지 않는 방향으로 가기 때문에 좀 더 스마트한 방법으로 활용하는 것이 좋을 것 같습니다. 그럼에도 불구하고 쓰면 안 된다는 것은 아닙니다. ^^

티스토리 관리페이지의 CSS 편집 모드로 들어가서 위의 코드만 넣어주면 됩니다. 전 body 바로 위에 넣어줬네요. 그리고 저장하면 이제 애드센스 광고는 중앙 정렬이 됩니다. 

.AdSense, .inline-ad{ text-align: center; }

위의 코드를 그대로 옮겨 적으시면 됩니다. !!!