텐핑 소문박스 티스토리 블로그 반응형 스킨에 적용하기

티스토리 블로그 운영하시는 분들중에는 스킨을 반응형으로 변경하면서, 기존에 잘 나오던 텐핑 소문박스가 모바일에서 보이지 않는 현상을 겪으신 분들이 꽤 있을줄 압니다. 저도 수년간 운영해오던 기존 블로그 스킨을 최근에 반응형 스킨(#1)으로 변경한 후에는 생각지도 못한... 텐핑 소문박스 광고가 모바일에서 보이질 않는 문제점을 확인하고 해결책을 찾아보았습니다.

우선 텐핑 고객센터를 통해 받은 답변은, 티스토리 블로그에서 스킨을 바꾸게 되면 텐핑 소문박스 소스를 다시 입력해주셔야 합니다. 라는 거였습니다. 그래서 약간의 서칭을 통해, 기존 티스토리 블로거분들은 어떻게 적용(수정)하였는지 살펴보니 의외로 간단하더군요.

우선은 텐핑 고객센터 답변대로 적용도 하고, 약간의 html 소스도 수정하고 나면 금방 텐핑 소문박스가 모바일에서도 잘 보여지더군요. 아래 방법대로 따라해보세요. ^^

텐핑 사이트 로그인 후, 소문박스 메뉴를 클릭합니다.

이후 소문박스 형태에서 노출 원하는 광고 형태를 선택합니다.

그후 하단의 소스코드를 복사하시고 티스토리 블로그에 붙여 넣으시면 됩니다.

티스토리 블로그 관리자로 로그인 하시고 플러그인 > 플러그인 설정 메뉴를 클릭합니다.

텐핑 (모바일용) 기능을 적용시키고, 그리고 조금전 복사해둔 광고 코드를 붙여넣기 하고 저장을 하면 완료!

어때요 참 쉽죠? ^^

여기까지는 모바일 화면에서 텐핑 소문박스 광고를 노출시키기 위한 작업이었다면,

이제 PC화면에서도 동일하게 텐핑 소문박스 광고를 노출시키는 작업도 해봅시다.

(광고 소스 코드는 동일합니다.)

티스토리 블로그 스킨 수정 화면에서 아래 코드를 Ctrl+f로 검색합니다.

아래 코드는 블로그 포스팅 내용 하단에 노출되는 부분입니다. 주로 광고를 하단에 많이 배치 시키는 경우가 많다보니

하단을 기준으로 넣어봅니다.(위치는 여러분 블로그 스킨에 맞춰 적절히 넣어주시면 됩니다.)

티스토리 블로그 운영하시는 분들중에는 스킨을 반응형으로 변경하면서, 기존에 잘 나오던 텐핑 소문박스가 모바일에서 보이지 않는 현상을 겪으신 분들이 꽤 있을줄 압니다. 저도 수년간 운영해오던 기존 블로그 스킨을 최근에 반응형 스킨(#1)으로 변경한 후에는 생각지도 못한... 텐핑 소문박스 광고가 모바일에서 보이질 않는 문제점을 확인하고 해결책을 찾아보았습니다.

우선 텐핑 고객센터를 통해 받은 답변은, 티스토리 블로그에서 스킨을 바꾸게 되면 텐핑 소문박스 소스를 다시 입력해주셔야 합니다. 라는 거였습니다. 그래서 약간의 서칭을 통해, 기존 티스토리 블로거분들은 어떻게 적용(수정)하였는지 살펴보니 의외로 간단하더군요.

우선은 텐핑 고객센터 답변대로 적용도 하고, 약간의 html 소스도 수정하고 나면 금방 텐핑 소문박스가 모바일에서도 잘 보여지더군요. 아래 방법대로 따라해보세요. ^^

텐핑 사이트 로그인 후, 소문박스 메뉴를 클릭합니다.

이후 소문박스 형태에서 노출 원하는 광고 형태를 선택합니다.

그후 하단의 소스코드를 복사하시고 티스토리 블로그에 붙여 넣으시면 됩니다.

티스토리 블로그 관리자로 로그인 하시고 플러그인 > 플러그인 설정 메뉴를 클릭합니다.

텐핑 (모바일용) 기능을 적용시키고, 그리고 조금전 복사해둔 광고 코드를 붙여넣기 하고 저장을 하면 완료!

어때요 참 쉽죠? ^^

여기까지는 모바일 화면에서 텐핑 소문박스 광고를 노출시키기 위한 작업이었다면,

이제 PC화면에서도 동일하게 텐핑 소문박스 광고를 노출시키는 작업도 해봅시다.

(광고 소스 코드는 동일합니다.)

티스토리 블로그 스킨 수정 화면에서 아래 코드를 Ctrl+f로 검색합니다.

아래 코드는 블로그 포스팅 내용 하단에 노출되는 부분입니다. 주로 광고를 하단에 많이 배치 시키는 경우가 많다보니

하단을 기준으로 넣어봅니다.(위치는 여러분 블로그 스킨에 맞춰 적절히 넣어주시면 됩니다.)

요 소스 코드 아래쪽에다, 복사해둔 광고 소스 코드(텐핑 소문박스 코드)를 넣어주고 저장하면 끝입니다.

그러면 블로그 하단에 아래와 같은 텐핑 소문박스 광고가 리스트 형태로 자리잡고 잘 노출이 됩니다.

요렇게만 작업을 해도, 모바일에서도 PC화면에서도 텐핑 소문박스 광고가 티스토리 블로그 반응형 스킨에서도 잘 적용되어 노출이 되니 한번 적용해보세요. ^^

요 소스 코드 아래쪽에다, 복사해둔 광고 소스 코드(텐핑 소문박스 코드)를 넣어주고 저장하면 끝입니다.

그러면 블로그 하단에 아래와 같은 텐핑 소문박스 광고가 리스트 형태로 자리잡고 잘 노출이 됩니다.

요렇게만 작업을 해도, 모바일에서도 PC화면에서도 텐핑 소문박스 광고가 티스토리 블로그 반응형 스킨에서도 잘 적용되어 노출이 되니 한번 적용해보세요. ^^