구글 애드센스 , 뷰 애드와 나란히 정렬하기


오늘은 평소와 다르게 일반적인 IT 업계의 소식이 아니라 블로그에 관한 글을 쓰려고 한다. 필자는 어제 몇시간동안 블로그를 정리했다. 오랜만에 블로그를 스킨 및 몇가지 것들을 새로 적용함에 있어서 생각보다 필요한 정보들이 많이 있다는 것을 느꼈다. 특히, 이제 막 새롭게 블로그를 시작하시는 블로거분들에게는 이러한 정보 하나하나가 많은 도움이 될 것이다. 그래서 오늘은 이제 막 시작하는 블로거분들 혹은 블로그 수정에 관한 정보를 얻고 싶은 분들을 위해서 포스팅을 해본다. 

구글 광고를 뷰 애드와 나란히 정렬해보자!



많은 볼로거 분들께서 구글 애드센스를 많이 이용하시고 계신다. 또한, 다음에서 제공하는 뷰 애드 또한 함께 이용하시는 분들도 계신다. 문제는 다음 뷰 애드를 애드센스와 함께 이용하고 싶은데 애드센스의 광고 효과를 높이려면은 상단에 게제를 해야 하는데, 이 부분이 자칫 잘못하면 가장 중요한 컨텐츠가 엉망이 되어 버린다. 그러다보면 결국 광고는 광고대로 컨텐츠는 컨텐츠대로 산으로 가버리고 말 것이다.  그럼 어떻게 뷰 애드와 함께 나란히 정렬할 수 있을까? 

차례대로 따라해보자!


우선, 스킨에서 HTML/CSS 편집으로 들어가셔서 상단 부분의 skin.html에서 Ctrl+F를 사용하여[@##_article_rep_desc_##@]을 찾아야 한다.(여기서 @는 코드상 문제로 제가 임의로 넣은 것이니 기존에는 없는 것이 정상입니다.) 이렇게 찾은 후에는 [@##_article_rep_desc_##@] 바로 위쪽에 아래 코드를 그대로 삽입하면 된다.

<div class="google_ad>
애드센스 코드
</div> 

위의 코드는 자신의 애드센스 코드를 넣은 후에 <div> 코드와 함께 삽입하면 된다.

다음으로는 전체 스킨 전체적인 구조를 변형하는 style.css에 아래 보이는 코드를 삽입하면된다. 아래의 코드는 style.css 가장 밑에쪽에 삽입하면 나중에도 관리하기 편할 것이다. 

.google_ad{

float:left;

margin: 10px 50px 28px 0px;

}


여기서 잠깐 style.css 코드를 이야기하자면 애드센스와 뷰 애드 광고의 상하좌우를 조절 하는 값을 가진 코드이다. 숫자 코드는 차례대로 상, 우, 하, 좌이다. 게제를 하고 난 후 자신이 맞게 조절을 하면 된다. 

이상으로 오늘은 애드센스와 뷰 애드를 상단에서 나란히 정렬하는 방법에 대해 알아보았다. 앞으로 계속해서 블로그 수정에 관한 포스팅을 할 예정이다. 이제 막 시작했던 초보 블로거들에게 많은 도움이 되길 바란다.  


저작자 표시 비영리 변경 금지
신고