티스토리 블로그에선 첫 화면을 꾸밀 수 있는 티에디션 기능을 제공하고 있습니다.

티스토리를 하시는 모든 분들이 원했던 기능이기도 하죠^^

자신이 작성한 글을 첫 화면에 보여줌으로써 더 많은 페이지뷰를 제공해 줄 수 있고, 홍보를 할 수 있는 방법이 될 수도 있죠.

첫화면인 티에디션에도 광고를 넣을 수 있습니다.

티에디션에 광고 삽입하기


먼저 티에디션의 편집화면에서 자신이 광고를 넣고자 하는 위치를 먼저 골라야겠죠!!!

자신이 원하는 위치를 골르셨다면 + 버튼을 클릭하시면 됩니다.
그러면 빈 공간이 생기죠.

그런 다음 아이템을 선택해야 하는데, 아무거나 골르셔서 클릭하시면 됩니다.
어짜피 아이템은 사라지니까요 ^^

광고 코드 입력하기


아무 아이템을 선택하신 다음 광고 코드를 입력하기 위해선 HTML 코드 입력할 수 있는 곳이 필요하겠죠^^

먼저, 디자인 버튼을 클릭하시면 HTML 버튼이 보이시죠!!!
바로 이 버튼을 클릭하셔서 광고 코드를 입력하시면 됩니다.


광고 코드를 입력하고 적용 버튼을 클릭하시면 광고를 미리 보실 수 있습니다.

광고 정렬 및 여백 설정하기


광고 코드를 입력하신 후 미리 보기 화면에서 광고가 왼쪽으로 붙어 있는 모습을 볼 수 있습니다.
물론, 광고 크기와 티에디션 크기가 딱 맞다면 우측에 빈 공간은 보이지 않겠죠^^

하지만, 모든 광고의 사이즈를 딱 맞추기 힘들기 때문에 자신이 원하는 위치로 정렬 스타일을 추가 할 수 있습니다.

<div style="text-align:center">
    광고 코드
</div>

text-align:center - 스타일을 추가해주시면 광고는 가운데 정렬이 되죠.
text-align:right - right는 영어 그대로 우측 정렬이 됩니다.^^

또 다른 스타일은, 광고와 컨텐츠 사이의 여백이 너무 좁게 느껴지신다면 여백을 넓게 주실 수 있습니다.


위와 같이 위 아래의 여백을 설정하실 수 있습니다.^^

<div style="margin:10px 0 10px">
    광고 코드
</div>

margin:위 오른쪽 아래 왼쪽
(예) margin:1px 2px 3px 4px - 위 1px 오른쪽 2px 아래 3px 왼쪽 4px 의 여백 설정
(예2) margin:10px 0 10px  - 위 10px 아래 10px 오른쪽,왼쪽 0 여백 설정

자신이 원하는 만큼 여백 설정이 가능하죠^^


2개의 광고도 한줄에 가능할까?


언제나 궁금증이 발생했습니다.
한줄에 광고 2개가 가능할까?

정답은 위의 이미지처럼 가능합니다^^

<div style="float:left">
    광고코드
</div>
<div style="float:right">
    광고코드2
</div>

이미지처럼 양쪽에 맞게 위치하게 하는 방법입니다.^^

첫번째 광고 바로 옆에 붙게 하는 방법은 아래 처럼 모두 left로 하시면 됩니다.

<div style="float:left">
    광고코드
</div>
<div style="float:left">
    광고코드2
</div>

말로는 역시 설명이 너무 어렵네요^^

또 다른 궁금증이 생기셨다면 부담없이 댓글 달아주세요!!!

제가 아는 지식을 총 동원해서 알려드리겠습니다.ㅎㅎㅎ
저작자 표시 비영리 변경 금지
신고
Posted by 별군

댓글을 달아 주세요

  1. 첫화면에 광고가 보인다면 블로거들의 수익 증대에도 도움이 되겠죠..

    2010.06.09 09:12 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 넵^^ 포스팅 글에는 광고가 있는데 첫 화면에는 광고가 없어서 어색하시다는 분들도 계시더라구요.
      아마 배치만 잘 된다면 좋은 첫화면이 나오겠죠^^

      2010.06.09 09:56 신고 [ ADDR : EDIT/ DEL ]
  2. 티에디션에 광고를 넣을려다가이벤트에 안뽑힐까봐
    나두고 있다가 이벤끝다가도 까먹고 있었네요 ㅎㅎㅎ
    별군님덕에 유용한 방법 다양하게 잘 배우고 갑니다. ^^

    2010.06.10 01:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 감사합니다^^
      전 티에디션 이벤트 조건에 안맞아서 안하고 있다가 몇일전에 처음으로 적용해보았습니다^^
      잘 꾸미시길 빌어요~

      2010.06.10 02:02 신고 [ ADDR : EDIT/ DEL ]
  3. 제 블로그는 티에디션에서 사진조차도 뜨지 않는데 이유가 무엇인가요??

    2010.07.29 16:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 사진이 안뜨는것은, 일단 포스팅에 사진 없는 글들이 많네요 ^^
      그리고 자신이 포스팅 작성시 직접 이미지를 올려야지 티에디션에서도 이미지가 보여지는것으로 알고 있습니다~

      2010.07.29 17:03 신고 [ ADDR : EDIT/ DEL ]


티스토리 툴바