맨 위로

[블로그 팁] 티스토리 블로그 광고 '약간은 생각해야 하는 방법'

반응형

  어째 포스팅 2개로 나누다 보니, 두번째 포스팅 중복 피하려다 제목 자체가 이상하게 지어졌네요;. 방법 이름도 생각해보니 좀 특이한 것 같습니다. ㅋㅋㅋㅋ

  보통은 포스팅 2개로 나누지 않는데 꽤 길어질 것 같아서 그래요. 우선 포스팅 길이는 될 수 있으면 짧게 하도록 노력하겠습니다. 아주 짧아질 수도 있을 듯 싶습니다.

이 포스팅을 읽기 전에 이 전의 포스팅을 읽고 오시는게 좋습니다. (링크를 클릭하세요.)

  우선 이 방법은 광고 배치가 자연스럽게 이루어지지 않을 때 임의의 길이를 주어서 좀 더 안정적인 배치가 가능하게끔 하는 방법입니다.



#1 티스토리 블로그 광고 상단 2개 배치 [약간은 생각해야 하는 방법]



우선 가장 필수한 광고 html 코드가 적혀있는 메모장 파일을 받습니다.

티스토리 블로그 상단 광고 2개.txt

상단의 파일을 받아놓으세요. 그리고 자신의 티스토리 블로그로 갑니다.


꾸미기 → HTML/CSS 편집으로 갑니다.


skin.html 부분에서... 상단 스샷의 설명을 참고하세요 !


으하 이거 적느라 고생좀 했습니다 ㅎㅎ

제가 첨부한 메모장 파일의 내용입니다.

차근차근 설명하자면, 상단의 가로는 포스팅 영역의 넓이로써 픽셀 단위를 입력합니다. 또는 100%와 같이 퍼센트 단위를 사용하셔도 됩니다. 세로 길이는 광고가 들어갈 부분의 높이입니다.


첨부한 html 소스를 보시면, 좌측 광고 영역과 우측 광고 영역으로 부분이 나뉩니다.

이 부분에 대해서 설명할게요. 일단 광고를 적용한 후의 모습입니다.


이 부분에도 엄청난 노력이 ㅜㅠㅜㅠㅠㅜㅠㅜ

으하 힘드네요. 여튼 설명은 위의 스샷으로 대신하겠습니다.

자세히 살펴보세요 ㅜ ㅅㅜ 최대한 이해하기 쉽게끔 써 놓았습니다.

광고 높이를 정할 때 본문 내용과 광고를 좀 더 떨어지게끔 배치한다면 좀 더 안정적인 느낌을 줄 수 있겠죠 ?


이렇게 article_rep_desc 부분 위쪽에 광고를 넣으시면 됩니다.

다 완전하게 설정하셨으면 적용하시면 됩니다.

반응형
, 오늘 하루도 즐겁게 보내세요 !  [댓글달기 → 클릭따닥!]

Powerd by Tistory, designed by criuce
rss