방명록 글쓰기란(입력란) 옆에 구글 애드센스 광고 삽입하기

따라하기 전에 반드시 skin.html 및 style.css 파일을 백업받으시기 바랍니다. 혹 아래 내용대로 따라하다가 발생할지 모르는 불상사(?)에 대해서는 책임지지 않습니다.

아래 코드(태그) 복사가 안될 경우, 댓글에 달린 코드를 복사해서 본인의 블로그 레이아웃에 맞게 수정하세요.

<= 단, 복사해서 붙여넣기 전에 반드시 아래 설명을 끝까지 읽어 보셔야만 합니다.

찾아오는 손님들도 없고, 방명록이 썰렁해서 그냥 메모장으로 전환해서 사용 중인데, 방명록 글쓰기 입력란 옆에 광고를 삽입하는 방법입니다. 어느 분이 만들어 놓은 걸 제 블로그에 맞게 일부 수정한 것입니다. (인터넷 뒤지다 얻은 정보라 어느 블로그에서 봤는지 기억이 안나네요..)

아래 링크를 클릭하시면, 글쓰기 입력란(입력 폼) 오른쪽에 이미지 광고(250 * 250 사이즈 )가 하나 보일 겁니다.

http://mediglish.tistory.com/guestbook

위와 같이 광고를 글쓰기란 옆에 배치하는 방법입니다. 입력란 오른쪽 광고만 해당합니다. 위, 아래에 위치한 광고(콘텐츠) 삽입하는 방법은

다음에 설명 예정.

관리자모드 => HTML/CSS => skin.html 을 엽니다.

찾기기능(CTRL + F)으로 아래 부분을 찾습니다. 스킨 종류에 따라  태그가 조금씩 다를 수 있습니다.

"" 부분은 티스토리의 경우 치환자가 보이지 않기 때문에 공백 처리된 것이니, 아래에 보이는 그림을 보시고 직접 타이핑 하셔야 됩니다. 샵샵(##)으로 시작해서 샵샵(##)으로 끝나는 부분.

<p>

    <textarea name="" cols="50" rows="6"> </textarea>

           </p>

위 태그를 아래 태그로 바꿉니다. 즉, <p> ~ </p> 를 바꾸어 줍니다. 그리고 width, height 값을 조정해서 자신의 블로그 광고(콘텐츠) 크기에 맞도록 바꾸어 주면 됩니다. 참고로 제 블로그 광고 크기는 250 * 250 입니다.

<p class="clear">

  <span><textarea name="" style="width: 430px; height: 243px;"></textarea></span>

<span style="float: right; width: 250px; height: 250px; background-color: #DADADA;">

<--- 여기에 광고 소스(코드) 삽입 --->

</span>

</p>