○ [블로그 돈벌기] 애드센스 광고 달기 - 텍스타일 블로그
전에 텍스타일 블로그 상단에 970 X 90 클 리더보드 애드센스 광고 달기를 알아봤는데요 ^^
오늘은 이어서 사이드바에 수직형 160 X 600 광고 배너를 넣는 방법에 대해서 포스팅 합니다^^
ㅎㅎ 블로그에 방문자를 늘리는 목적도 있지만..
전 제가 아는 것을 다른 분들께 알려주는게 즐거운것 같아요.^^~
자~ 그럼 바로 시작합니다..
○ 애드센스 광고 생성 ( 160 X 600 수평형 스카이스크래퍼 )
전에970X90 큰 리더보드가 광고 형태 중에서 가장 효과가 좋다고 말씀드렸었는데요^^
이 수직형 애드센스 광고 또한 만만치 않다고 하더라고요..
항상 글은 좌에서 우로 단계별로 읽어 내려 가는데.. 그 동안 이 수직광고는 계속 보이니 눈에 계속
들어 올 수 밖에는 없는거죠..^^
그래서 제가 운영하는 다른 블로그에도 달고 싶지만.. 그 블로그들은 어떤 곳에든 소속이 되어있는 블로그라..
내가 운영은 하지만.. 눈치가 좀 보인다는..ㅎㅎㅎ
하지만 이 텍스타일 블로그는 수익형 블로그로만 키워볼 생각이므로 그런것에는 구애 받지 않는 부분이
포스팅하는데 즐거움을 주지 않나 싶기도 합니다.^^
나중에 블로그로 광고 수익이 많이 들어오면.. 정말 세상 돌아다니면서 좋은 정보들만 모아서 알려 드리고 싶은
마음이 굴뚝입니다. ^^ 갑자기 기운이 불끈하네요..ㅎ
자~ 사설은 접고.. 그럼 전에 포스팅 처럼 우선 텍스타일 블로그 관리자 페이지에 로그인 해주세요..
참.. 애드센스 가입하는 방법은 나중에 포스팅 할께요..
이 포스팅은 현재 애드센스 가입이 되어있고 자신에 광고가 있는 분들이 보면 좋을 듯합니다.
○ HTML.CSS 수정
이 위치는 아시겠죠? 텍스타일 블로그 관리자 화면 중에 좌측 중간 쯤 있는
"HTML.CSS 편집" 메뉴 입니다. ^^ 클릭하면 우측화면에 여러 입력수정 박스가 나오는데요..
우선 제일 위에 있는 "textyle.html" 입력 창을 봅니다.
스크롤을 내리다 보면 "<!--// Extension (widgets) -->" 부분이 있답니다. ^^
이 부분이 사이트 바 위젯 부분인듯합니다.
제 경우는 "카테고리" 바로 밑에 삽입해서 첫 방문시 주목도를 높히려 합니다.
위 코드를 보시면 각 위젯 마다 중간에 한 칸씩 공란이 있답니다.
위 "<!--// Extension (widgets) -->" 위에 한 줄 공란이 보이시죠?
그리고 지금 "애드센스 광고 삽입 위치^^"라고 되어있는 부분이 그 공란 부분이랍니다.
아마 위젯과 위젯 사이는 이 처럼 공란으로 구분하고있는 듯합니다.
뭐.. 코드상에서는 공란은 의미가 없지만..
보기에는 편하네요 ^^ 그럼 결과물을 볼까요?
자~~ ^^ 위 화면과 같이 광고가 나오고 있네요 ^^ 그런데..(ㅡ,ㅡ);;; 뭔가 좀 아쉽죠??
네.. 광고가 좌측에 붙어서 우측에 "여백"이 남아있고.. 광고 하단에는 여백이 없어서 좀 답답해 보이네요..
하단은 광고 상단..
다시 말해서 "카테고리"와 "애드센스 광고" 사이 여백 만큼은 공간이 있어야 보기 좋을 듯합니다.
그럼 지금 부터는 좀 보기 편하게 다시 소스를 수정하도록 하겠습니다.^^ 보기 좋은 떡이..
뭐라고 하죠? ㅎㅎㅎ
○ 애드센스 광고 여백 조정
우선 광고 코드를 "<center>"로 감싸줄 생각입니다. 그러면 공고는 중앙에 위치하면서
좌측과 우측 여백이 균일해 질것이고.."<center> 애드센스 광고 코드 </center>"
이렇게 아래 삽입되는 "center"에는 "/"를 붙여 줘야 합니다. ^^
하단에는 "br"태그를 삽입해서 여백을 만들 생각입니다.^^
자.. 이렇게 애드센스 광고를 "center"코드를 이용해서 중앙에 위치하게 하고
"br"코드를 이용해서 하단에 공간을 만들어 줬습니다. ^^ 그럼 다시 결과물을 볼까요?
역시나 그새 새로운 광고로 바껴서 나오네요 ㅎㅎㅎㅎ
보기 좋은데요.. 이 애드센스 광고는 디자인면에서도 좋답니다. ^^
배치만 잘 해놓으면 블로그가 멋 스러워 지니까요 ^^
그럼 돈 많이 버시고요~~ 다음에는 하단에 글 하단에 광고 넣고 포스팅 할께요 ^^