컴퓨터 관련 팁
구글 애드센스 티스토리 블로그 본문 상단에 나란히 배치하기
snoopybox
2013. 12. 1. 02:10
티스토리 블로그에서 본문 영역의 치환자는 아래와 같다.
[ ##_article_rep_desc_## ]
원래 대괄호와 # 기호 사이에 공백은 없는데, 치환자를 본문에 그대로 넣으면 텍스트가 표시되지 않기 때문에 일부러 공백을 넣어두었다.
아무튼 티스토리 블로그에서 본문 상단에 애드센스 코드를 2개 나란히 배치하려면 아래와 같이 해보자.
위와 같이 div 태그를 사용하여 코드를 작성한 후 본문 치환자인 [ ##_article_rep_desc_## ] 바로 윗 줄에 넣어주면 된다.
빨간색 부분은 각자 블로그 스타일에 맞게 수치를 수정하도록 하자.
아래 그림은 위 예제를 적용한 이 블로그의 현재 모습이다. 참고로 기존에는 table 태그를 사용했었는데, 이번에 div로 변경하고 보니 확실히 속도가 빨라진 듯 하다.
[ ##_article_rep_desc_## ]
원래 대괄호와 # 기호 사이에 공백은 없는데, 치환자를 본문에 그대로 넣으면 텍스트가 표시되지 않기 때문에 일부러 공백을 넣어두었다.
아무튼 티스토리 블로그에서 본문 상단에 애드센스 코드를 2개 나란히 배치하려면 아래와 같이 해보자.
<div style="overflow:hidden; width:620px; margin:10px 10px 20px 10px">
<div style="float:left">
애드센스 광고 코드 A
</div>
<div style="float:right">
애드센스 광고 코드 B
</div>
</div>
<div style="float:left">
애드센스 광고 코드 A
</div>
<div style="float:right">
애드센스 광고 코드 B
</div>
</div>
위와 같이 div 태그를 사용하여 코드를 작성한 후 본문 치환자인 [ ##_article_rep_desc_## ] 바로 윗 줄에 넣어주면 된다.
빨간색 부분은 각자 블로그 스타일에 맞게 수치를 수정하도록 하자.
아래 그림은 위 예제를 적용한 이 블로그의 현재 모습이다. 참고로 기존에는 table 태그를 사용했었는데, 이번에 div로 변경하고 보니 확실히 속도가 빨라진 듯 하다.