티스토리 뷰

반응형

구글 애드센스 광고 가운데 정렬


안녕하세요! 오늘은 구글 애드센스에서 만든 광고를 블로그에 적용시켰을 때 가운데로 정렬시키는 방법에 대해서 알아보도록 하겠습니다. 정렬시키고자 하는 광고는 일치하는 콘텐츠 광고로 선택되어 만들어진 것을 사용해보겠습니다. 아래의 사진은 일치하는 콘텐츠 광고 코드를 적용시킨 모습으로 물론 광고 코드에 아무런 작업을 하지 않았음을 밝힙니다. 



사진을 보시면 알다시피 광고가 가운데에 정렬하지 않고 왼쪽으로 쏠려있는 것을 확인할 수 있습니다. 기껏 힘들게 애드센스에 합격하고 시간을 들여서 광고를 만들어 블로그에 적용하였는데 이런 결과가 나오다니 참 난감합니다. 하지만 걱정하지 않으셔도 됩니다! 광고 코드에 2줄만 추가하여 적용시키면 문제가 깔끔히 해결되는 모습을 볼 수 있기 때문입니다. 


광고 코드를 수정하기 위하여 '블로그 관리'를 들어가서 좌측의 '꾸미기' 메뉴에서 '스킨 편집'을 클릭해줍니다. 그리하여 나오는 새로운 창의 우측에 아래와 같은 여러 코드들이 적혀있는 것을 볼 수 있을 것인데 'HTML'로 작업하기 때문에 'HTML'로 선택되었는 지를 확인해줍니다.



저의 경우는 일치하는 콘텐츠 광고를 '댓글 메뉴' 하단에 바로 띄웠으므로 댓글 메뉴를 이루는 코드 아래에 광고 코드가 있을 것이므로 쭉 스크롤을 내려보니 위의 사진에서 연보라색으로 감싼 부분인 광고 코드를 발견할 수 있었습니다. 여러분들은 여러분이 광고를 배치한 위치를 찾아가시면 되겠습니다. 


광고 코드를 찾으셨다면 이 코드의 처음과 끝 부분에 HTML 코드인 "<div align="center">"와 "</div>"를 추가해줍니다. 바로 아래의 사진과 같이 말입니다.



위 사진에 496번과 506번 줄을 보시면 아까 추가해야한다고 말했던 코드가 빨간색 박스로 감싸인 것을 볼 수 있습니다. 그 다음으로 저장을 눌러서 광고를 확인하시면 가운데로 배치된 것을 확인할 수 있는데 광고뿐 만이 아니라 표라던지 본문에 표현하려는 것이면 무엇이든지 <div align=center></div>를 추가하면 가운데로 바뀌게 됩니다.



확인하였더니 아까는 왼쪽으로 치우쳤던 광고가 깔끔하게 가운데로 잘 정렬된 것을 확인할 수 있었고 이상으로 포스팅을 마치도록 하겠습니다. 감사합니다.

반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함