○ 구글 애드센스 광고 - 인터넷신문처럼 본문글 우측
지금 보고 있는 본문과 같이 인터넷으로 신문을 보다 보면 본문 글 우측에 구글광고가 보이는데요
이는 간단하게 "float" 코드를 이용해서 만들 수 있답니다.^^
전 전문 프로그래머가 아니므로 "float"에 대한 많은 얘기는 못드려요 ㅎ
그냥 CSS를 좀 보시는 분들은 금방 안다고 하더라고요 ^^
순서는 이렇습니다.
- 관리자 페이지로 들어간다
- 꾸미기 메뉴에서 HTML/CSS 편집 메뉴를 클릭한다
- 키보드 Ctrl + F 를 눌러서 article_rep_desc 코드를 찾는다
- 위 코드 윗부분에 구글 애드센스 광고 코드를 넣고 저장한다
위와 같은 간단한 방법으로 인터넷신문과 같이 본문 우측에 광고를 넣을 수 있답니다.
그럼 지금 부터 스샷 화면으로 보도록 하겠습니다. ^^
최대한 간단하게 그렇지만 이해 쉽게 써보도록 하겠습니다. ㅋ
그러니 광고 많이 많이 ○○ 해주세요.. ㅎㅎ 무슨 소린지 아시죠^^?
○ 관리자 페이지로 가서 "HTML/CSS" 편집 메뉴를 클릭합니다.
"article_rep_desc" 코드를 찾습니다.
찾는 방법은 위 3번과 같이 키보드 Ctrl + F를 눌러 찾기 메뉴 나오며 위 코드를 넣고 검색하면 됩니다.
자~ 그럼 이제 소스보는 곳으로 와서 "article_rep_desc"코드도 찾았다고 보고요~
그럼 "article_rep_desc"코드 위 부분으로 애드센스 코드를 넣으면 됩니다.
위 그림에서 보듯이 애드센스 코드를 "div" 코드로 위 아래를 싸고 있는 모양입니다.
맞습니다. 이 소스가 바로 본문 우측에 광고를 넣게 하는 값이랍니다.
이 코드로 싸여 있는 애드센스는 당근 본문 우측으로 자리를 잡겠죠^^
그렇다면 위 "float"코드에 세부 사항을 조정하면 되겠네요 ^^
여기서 "right"는 우측으로 붙인다는 말이며,
"margin"은 본문과의 영역부분인데요.. 첫번째는 상단, 두번째는 우측, 세번째는 하단, 네번째는 좌측
이렇게 영역을 잡아주는 것이랍니다. 픽셀 단위니까요..적용하시고 맘에 드는 만큼 영역을
잡아주시면 됩니다. ^^
저는 margin:0px 3px 5px 5px 로 잡았습니다. 이 글을 보시면서 알겠지만..
본문 우측에만 광고가 있는 것이 아니라 상단에 큰 광고가 있어서 우측 부분을 맞추고
본문글과 너무 붙으면 그러니.. 이렇게 만들었답니다. ^^
어때요? 어려울것은 없죠 ? ㅎㅎ
돈 많이 버세요~ ^^ 하루에 만달라를 위해!!