태그 목록 옆에 구글 애드센스 광고 달기

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

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

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

태그(tag) 목록을 출력했을 때 썰렁하게 태그만 등장하기에, 공간을 두개로 분할해서 오른쪽에 광고를 삽입했습니다. 필요하신 분들은 아래 내용대로 한번 따라 해보세요.

관리자 모드 => HTML/CSS => skin.html 에서 아래 

<ul> 

    <s_tag_rep>

        <li> 

부분을 찾습니다. 이 부분 전후에 아래와 같이 html 태그(파란색)를 씌워 줍니다. (블로그 스킨 종류에 따라 코드 내용이 다소 다를 수 있습니다.)

<s_tag>

<div id="taglog" class="nonEntry">

<h3>태그</h3>

<table width="100%"><tr><td width="70%">

<ul>

<s_tag_rep>

<li>

<a href="" class=""></a>

</li>

</s_tag_rep>

</ul>

<-- 티스토리는 태그 치환자가 실제 보이지 않기 때문에 위에서 href= "" class="" 처리된 부분은 아래 캡쳐화면 내용대로 직접 타이핑 하거나 수정 전 소스에서 미리 복사해서 붙이셔야 합니다. -->

</td><td width="30%">

<table><tr><td>

<-- 여기에 광고(1) 코드가 들어갑니다.-->

</td></tr></table>

<table><tr><td>

<-- 여기에 광고(2) 코드가 들어갑니다. -->

</td></tr></table>

</td></tr></table>

<-- 요기까지 파란색 태그를 삽입합니다. -->

 

<div>

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