블로그에 광고를 삽입하는 방법에 대해 알아보도록 하겠습니다. 이는 가한님께서 댓글로 부탁을 주셔서 작성하는 포스트이고요, 다른 분들에게도 도움이 되었으면 좋겠습니다. 가한님께서 오마이클릭에 가입하셨는데 (관련 포스트:http://bloguni.tistory.com/17) 가입 후 광고를 블로그에 붙이는 방법을 모르셔서 질문을 주셨습니다.
많은 분들이 구글 애드센스 광고나 다음 애드클릭스 광고, 링크 프라이스(관련 글: http://bloguni.tistory.com/6)와 같은 광고를 블로그 내에 삽입할 때도 도움이 될 것이라 생각됩니다. 광고 외에도 블로그를 관리할 때도 필요하겠지요? ^^
블로그 광고 삽입 방법은 티스토리와 오마이클릭 기준으로 작성하도록 하겠습니다. 어차피 HTML로 작성되는 것이기에 다 비슷할 것이라 생각됩니다. 그리고 제가 아는 것도 티스토리 밖에 없어서... ^^;;
우선 오마이클릭에 로그인을 합니다.
위의 카테고리에서 홍보코드선택을 클릭하여 원하는 형태의 광고를 선택합니다.
저는 배너광고를 클릭해보았습니다. 그러면 또 다시 여러 형태의 배너광고가 나오는데요,
남성 옷을 판매하는 기사장몰을 선택했습니다.
그러면 밑의 그림처럼 배너와 HTML 배너코드가 나옵니다.
원하는 배너의 모양을 찾았으면 HTML코드를 복사합니다.
그런 후 블로그로 와서 관리자 모드로 들어온 후 스킨에서 HTML/CSS편집를 누르면 skin.html부분에서 광고 코드를 설정해주면 됩니다. 우선 여기까지 그림으로 한번 따라해보세요 ^^
그 다음은 광고를 어디에 놓는지에 따라 달라지는데요,
1. 본문 상단
Ctrl+F 를 눌러서 ##_article_rep_desc_## 를 검색합니다. 그럼 하나 밖에 안나오는데요, ##_article_rep_desc_## 바로 위에 코드를 입력하면 본문 상단에 노출이 됩니다.
2. 본문 안 우측
Ctrl+F 를 눌러서 ##_article_rep_desc_## 를 검색합니다. 그럼 하나 밖에 안나오는데요, ##_article_rep_desc_## 바로 위에 아래의 코드를 입력하면 본문 안 우측에 광고가 나오게 됩니다. ()는 <>로 바꿔주시고, width에는 원하시는 크기를 숫자로 적어주세요. 그리고 right를 left로 바꿔주면 본문 안 좌측에 배치되게 됩니다.
(table width="크기" align="right" border="0" cellpadding="0" cellspacing="0")(tr)(td)
(div style="text-align: right")
광고코드 삽입
(/div)
(/td)(/tr)(/table)
3. 본문 하단
Ctrl+F 를 눌러서 ##_article_rep_desc_## 를 검색합니다. 그리고 그 아래 코드를 삽입합니다.
4. 사이드바
사이드바에는 관리자에 보면 스킨에 사이드바를 설정하는 곳이 있습니다. 그곳에서 html입력기를 이용하여 코드를 삽입하면 됩니다.
어렵지 않죠? 다른 위치는 저도 잘 모르고요. ^^;; 스킨에 따라 약간씩 다르기 때문에 여기 저기 미리보기로 실험해보면 어느 위치인지 알 수 있을거예요. 가한님께 답변이 되었는 지 모르겠네요. 블로그 멋지게 꾸미시기 바래요. ^^*
많은 분들이 구글 애드센스 광고나 다음 애드클릭스 광고, 링크 프라이스(관련 글: http://bloguni.tistory.com/6)와 같은 광고를 블로그 내에 삽입할 때도 도움이 될 것이라 생각됩니다. 광고 외에도 블로그를 관리할 때도 필요하겠지요? ^^
블로그 광고 삽입 방법은 티스토리와 오마이클릭 기준으로 작성하도록 하겠습니다. 어차피 HTML로 작성되는 것이기에 다 비슷할 것이라 생각됩니다. 그리고 제가 아는 것도 티스토리 밖에 없어서... ^^;;
우선 오마이클릭에 로그인을 합니다.
위의 카테고리에서 홍보코드선택을 클릭하여 원하는 형태의 광고를 선택합니다.
저는 배너광고를 클릭해보았습니다. 그러면 또 다시 여러 형태의 배너광고가 나오는데요,
남성 옷을 판매하는 기사장몰을 선택했습니다.
그러면 밑의 그림처럼 배너와 HTML 배너코드가 나옵니다.
원하는 배너의 모양을 찾았으면 HTML코드를 복사합니다.
그런 후 블로그로 와서 관리자 모드로 들어온 후 스킨에서 HTML/CSS편집를 누르면 skin.html부분에서 광고 코드를 설정해주면 됩니다. 우선 여기까지 그림으로 한번 따라해보세요 ^^
그 다음은 광고를 어디에 놓는지에 따라 달라지는데요,
1. 본문 상단
Ctrl+F 를 눌러서 ##_article_rep_desc_## 를 검색합니다. 그럼 하나 밖에 안나오는데요, ##_article_rep_desc_## 바로 위에 코드를 입력하면 본문 상단에 노출이 됩니다.
2. 본문 안 우측
Ctrl+F 를 눌러서 ##_article_rep_desc_## 를 검색합니다. 그럼 하나 밖에 안나오는데요, ##_article_rep_desc_## 바로 위에 아래의 코드를 입력하면 본문 안 우측에 광고가 나오게 됩니다. ()는 <>로 바꿔주시고, width에는 원하시는 크기를 숫자로 적어주세요. 그리고 right를 left로 바꿔주면 본문 안 좌측에 배치되게 됩니다.
(table width="크기" align="right" border="0" cellpadding="0" cellspacing="0")(tr)(td)
(div style="text-align: right")
광고코드 삽입
(/div)
(/td)(/tr)(/table)
3. 본문 하단
Ctrl+F 를 눌러서 ##_article_rep_desc_## 를 검색합니다. 그리고 그 아래 코드를 삽입합니다.
4. 사이드바
사이드바에는 관리자에 보면 스킨에 사이드바를 설정하는 곳이 있습니다. 그곳에서 html입력기를 이용하여 코드를 삽입하면 됩니다.
어렵지 않죠? 다른 위치는 저도 잘 모르고요. ^^;; 스킨에 따라 약간씩 다르기 때문에 여기 저기 미리보기로 실험해보면 어느 위치인지 알 수 있을거예요. 가한님께 답변이 되었는 지 모르겠네요. 블로그 멋지게 꾸미시기 바래요. ^^*