FastBoot스킨 사이드바에 텐핑광고 추가하기

티스토리 스킨을 FastBoot으로 변경하고나서 사이드바에 애드센스 광고를 추가하게 되었습니다. 추가적으로 텐핑광고를 사이드바에 추가해보도록 하겠습니다.

텐핑광고는 애드센스 광고와 같이 클릭을 하게 되면 수익이 발생되는 광고입니다. 블로그가 아직 인기가 없어서 텐핑 수익이 발생되지 않았지만 언젠가를 위해서 미리 사이드바에 추가를 하게 되었습니다.

텐핑 선배등록 pjsggang@gmail.com

---

텐핑 회원가입하기

텐핑 홈페이지 - http://tenping.kr/ 사이트로 이동 하셔서 회원가입을 해주셔야 합니다.

회원가입 버튼을 클릭해주세요.

휴대폰 번호를 입력하고 인증번호를 받아서 회원가입을 해주세요.

회원가입이 완료 되었습니다.

---

티스토리 사이드바에서 사용할 텐핑광고 코드

텐핑 사이트 왼쪽 사이드바에 소문박스를 클릭해주세요.

소문박스 형태를 큰 형태로 선택을 해주시고 복사하기를 클릭해서 광고 코드를 복사해주세요.

---

티스토리 사이드바에 추가하기

사이드바에 추가하는 방법은 두가지 방법이 있습니다. 티스토리 관리에서 플러그인 설정을 통해서 사이드바에 추가하는 방법과 HTML/CSS 편집을 통해 사이드바 모듈을 추가하는 방법이 있습니다. 먼저 플러그인 설정을 통한 추가방법을 알려드리고나서 HTML/CSS 편집을 통한 추가방법을 알려드리겠습니다.

1. 플러그인 설정을 통한 방법

티스토리 관리로 이동해주세요.

플러그인 항목에서 플러그인 설정을 클릭해주세요.

관리 및 통계에서 배너출력을 선택하고 저장을 해줍니다.

티스토리 관리에서 꾸미기 항목에 사이드바를 선택해주세요.

기본 모듈에 HTML배너출력이 추가가 된걸 확인 하실 수 있습니다. 오른쪽에 +를 눌러서 사이드바에 추가를 해주세요.

사이드바에 추가된 HTML배너출력에 편집을 눌러주세요.

알아보시기 쉽게 이름을 입력해주시고 텐핑 홈페이지에서 복사한 광고 코드를 HTML소스에 붙여넣어주시고 확인을 눌러주세요. 그 다음에 사이드바에 저장을 눌러주세요.

사이드바에 텐핑 광고가 추가가 되었습니다.

2. HTML/CSS 편집을 통한 방법

티스토리 관리로 이동을 합니다.

꾸미기 항목에서 HTML/CSS 편집을 클릭해주세요. HTML에서 </s_sidebar_element>를 검색해주세요.

검색되는 많은 </s_sidebar_element>중에 아무곳이나 상관이 없습니다. </s_sidebar_element>아래에 모듈을 추가해줘야 합니다.

<s_sidebar_element>

<!-- 텐핑 광고 -->

<div class="panel panel-default">

<h4 class="panel-heading"><i class="fa fa-credit-card"></i> 10PING</h4>

<div class="panel-body" style="text-align:center;">

이곳에 텐핑 홈페이지에서 복사한 광고 코드를 붙여넣어 주세요.

</div>

</div>

</s_sidebar_element>

위에 코드를 </s_sidebar_element>아래 아무곳이나 붙여넣어주세요. 텍스트 파일도 첨부를 해드리도록 하겠습니다. 

사이드바에 텐핑 광고 추가하기.txt

다운 받으셔서 텐핑 코드를 붙여넣으시고 HTML/CSS 편집에 붙여넣어서 저장을 눌러주세요. 다시 티스토리 관리 꾸미기 항목에서 사이드바로 이동을 해주세요.

사이드바1에 방금 입력한 10PING 광고 모듈이 보이지 않으면 기본 모듈에서 사이드바1에 추가를 해주세요. 광고 위치를 마음에 드는 곳으로 이동을 하고나서 저장을 눌러주세요.

사이드바에 텐핑광고가 추가가 되어있는걸 확인 하실 수 있습니다. 플러그인 설정으로 추가한 결과나 HTML/CSS 편집으로 추가한 결과중에 어떤것이 좋은지 마음에 드시는 방법으로 추가를 진행하시면 됩니다.