'TISTORY TIP'에 해당되는 글 5건

티스토리 코드블럭에 작성된 내용을 복사하여 다른곳에 붙여넣으면 

한줄로 쭉 이어져버리는 문제가 있었다.

이 경우는 플러그인 중 "저작권자 표시" 기능이 활성화 되어 있을 경우 발생하는 문제로 

꼭 필요한 것이 아니라면 "저작권자 표시" 기능을 해제하면 문제가 해결된다.

카테고리 선택시 목록+글 또는 글로 설정되있는 경우는 상관없지만

목록으로 선택 할 경우 해당페이지에서는 광고가 노출되지 않는다.

한번이라도 더 노출되는게 나쁠건 없겠지..

글상단에 추가하는것과 마찬가지로 목록 상단에 해당하는 부분에 html  소스를 추가 해 주면 된다.

<div id="searchList"  를 검색해서 해당 위치부터 [# #_list_conform_# #] 사이에 소스코드 삽입.

코드는 글상단에 추가하는것과 동일하게 테이블 만들어서 반씩 배치해 준다.

1. <!--구글애드센스시작-->
2. <tabel width=100%>
3.    <tr>
4.       <td width=50%>
5.         <!-- 애드센스 광고 1 -->
6.       </td>
7.       <td width=50%>
8.         <!-- 애드센스 광고 2 -->
9.       </td>
10.    </tr>
11. </tabel>
12. <!--구글애드센스끝-->

그럼 글목록 상단에도 이제 광고 노출이 시작됩니다.. ㅋㅋ

아직 HTML 태그를 자유자재로 다루지 못하기에..

티에디션 에서 스킨을 바꾸면 안에 내가 적용해 둔 것들(얼마없지만..) 다 날아간다.

뭐 붙여놓고 몇년기다리면 조금씩은 모이겠지 싶은 심정으로 붙여둔 애드센스. 

얼마 안된다고 안붙여놓을수는 없기에 글 상단에 두개를 나란히 붙이는 방법 기록해 둔다.

우선 기본적으로 애드센스에 가입되어있고 생성된 광고가 있다고 가정하고...

관리 >> html/css 편집에 가서 html 소스에 추가 해야한다.

소스코드 중에서 <div class="article" ~~ 로 시작하는 부분 (여기는 사용자에 따라 다를수 있음.) 과 

[##_article_rep_desc_##]</div> 이 사이에 소스코드를 삽입 해 주면 된다.

저 사이 해당위치에 아래와 같은 코드를 추가 해 주면 된다.

1. <!--구글애드센스시작-->
2. <tabel width=100%>
3.    <tr>
4.       <td width=50%>
5.         <!-- 애드센스 광고 1 -->
6.       </td>
7.       <td width=50%>
8.         <!-- 애드센스 광고 2 -->
9.       </td>
10.    </tr>
11. </tabel>
12. <!--구글애드센스끝-->

그럼 아래와 같이 글 상단에 두개의 광고가 위치좋게 들어서게 된다. 

티스토리를 처음 시작하고 글을 작성할때 태그를 달면 밋밋한 텍스트로만 투투툭 쓰여 있다. 

그래서 많이들 사용하는게 플래쉬를 이용한 구름태그를 사용한다. 오늘은 그 구름태그 적용법을 알아보자.

   -->     

먼저 아래 파일을 다운받고 압축을 풀어줍니다.

TISTORY구름태그.zip

이후 HTML / CSS 편집 란으로 가서 파일 업로드 탭으로 갑니다.

이번에는 플래쉬파일이 사용되기 때문에 미리 티스토리에 업로드 해 줄 필요가 있습니다.

추가를 누르시고 소스코드.txt 파일외에 나머지 두개 파일을 업로드 해 줍니다.

정상적으로 업로드 됐는지 확인은 필수적으로 해주시고 그다음 다시 HTML/CSS 탭으로 가셔서

아래와 같은 부분을 찾아줍니다. 스킨에 따라 <h3> </h3> 사이에 들어가는게 많이 다르더라고요 

그래서 저는 아예 <h3>으로 검색을 했습니다. 

저부분에서 <ul> </ul> 사이 내용을 싹 지워주시고 첨부된 소스코드 를 붙여 넣어 주시면 됩니다.

혹시 복사하실 분을 위해 코드는 아래에 첨부합니다.

<!-- 3D 구름태그 시작 -->

<div id="htags" style="display:none;"><tags>

  <s_random_tags>

    <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>

  </s_random_tags>

<a href="/"></a></tags></div>

<div id="TiCumulus"><p>Tistory Cumulus Flash tag cloud by requires Flash Player 9 or better.</p></div>

<script type="text/javascript" src="./images/swfobject.js"></script>

<script type="text/javascript">

  var t = new SWFObject("./images/tagcloud.swf", "tagcloud", "100%", "200", "7", "#ffffff");

  t.addVariable("tcolor", "0x222222");

  t.addVariable("mode", "tags");t.addVariable("distr", "true");t.addVariable("tspeed", "100");t.addParam("allowScriptAccess", "always");

  t.addVariable("tagcloud", document.getElementById('htags').innerHTML.replace(/class=([\w]+)/gi, 'class="$1"').replace(/\"\"/gi, '"').replace(/class=\"/gi, 'style=\"font-size:').replace(/:cloud([\d])/gi, ':1$1pt;').replace(/TAGS\>/gi, 'tags>').replace(/\<A\s/gi, '<a ').replace(/\<\/A\>/gi, '</a>').replace(/\"/g, "'"));

  t.write("TiCumulus");

</script>

<!-- 3D 구름태그 끝 -->

추가해 주시고 저장 해주시면 매인화면의 태그가 구름처럼 빙글빙글 돌면서 변경됩니다.

TISTORY에 글을 쓰기위해서는 카테고리가 필요하지요 

하테고리가 단일레이어라면 상관없지만 하위 카테고리를 가질경우 기본값이 카테고리 닫힘으로 설정 되는거 같더라고요

열려있어야 뭔가 그래도 풍성해 보일텐데 답답해 보이죠.

이건 아마 스킨따라 다른거 같긴 하지만.

이러한 경우에 카테고리를 항상 열린 상태로 보고싶다 할때는 다음과 같은 방법을 사용할수 있습니다.

관리자 항목으로 들어가셔서 HTML/CSS 편집 탭으로 들어가 주세요 

그럼 아래와 같이 나올텐데요.

여기서 CTRL + F 를 이용하여 ##_category_## 을 검색 해 주세요 

카테고리와 그아래에 </div> 사이에 들어가 있는 저 소스코드 한줄만 추가해 주시면 끝입니다.

복사하실분을 위해 소스코드는 아래와 같습니다.

<script language="javaScript">try{expandTree();}catch(e){}</script>

자 이렇게 한줄만 추가 해 주시고 저장하시면 

짜잔! 

바로 보이는것처럼 항상 카테고리가 열려 있게 됩니다. 

자유롭게 소스코드를 수정해서 사용할수 있는 블로그인 만큼 배워야 할것도 많네요 

다른사람들 보면 참 번쩍번쩍 이쁘게도 해놨던데 하나씩 배워가면 되겠죠.