티스토리 플로팅배너 달기

 

티스토리 플로팅배너 달기

티스토리 고정 배너 달기

 

 

안녕하세요. 블로그에 미쳐 날뛰고 있는 강찡아빠에요. ㅎㅎㅎ

오늘은 이곳저곳 뒤지고 헤매며 여러가지 정보를 얻고 있네요..

인터넷 검색을 하다가 좌측에 고정되어 있는 페이지를 봤어요. 오호라.. 이렇게 하면 광고 효과가 크겠는걸?

눈에 딱 튀는 광고였어요.. ㅎㅎ 말로는 설명이 힘드니 우선 동영상을 보고 설명을 드리죠.

 

 

좌측 배너가 꿈쩍도 안합니다. 그러니 광고 효과가 당연히 크겠죠.?

그래서 이리저리 뒤져봤습니다. 나도 꼭 달아야 겠다.. !!

 

저는 리얼클릭(리얼센스)로 광고수익을 얻고 있습니다. (사실 오늘 가입했음.. ㅋㅋ)

그래서 좌측에 고정되어있는 배너를 달고싶었어요.

우선 저랑 같은 생각이신 분들을 위해서 차근차근 설명 드릴게요.

 

삽입 순서

1. 광고 소스 코드(세로 배너형)

 <SCRIPT type='text/javascript' src='http://rsense-ad.realclick.co.kr/rsense/rsense_ad.js?rid=491652368888&stamp=1407751211&v_method=YmFubmVyfDEyMHg2MDB8MTA4eDU' charset='euc-kr'></SCRIPT>

  : 제 코드 입니다. 삽입하지 마세요..ㅋㅋ

2. 로그인 후 관리자 모드로 접속 후 좌측 메뉴의 HTML/CSS편집으로 고고싱

 

 

3. CTRL + F 눌러서 찾기에 를 붙여 넣는다.

 

4. 아랫쪽, 위쪽 상관없이 플로팅 모듈 태그를 삽입한다.

 

<!-- 플로팅 모듈 시작 --> <A style="POSITION: fixed; MARGIN-LEFT: -636px; TOP: 20px; LEFT: 50%;"> <table style="background-color:#f9f9f9; border:1px solid #336699; width:68px;">   여기 사이에 본인의 광고 코드를(배너 주소) 넣어 주세요.   </table> </A> <!-- 플로팅 모듈 끝 -->

 

자.. 여기에서 아셔야 될 부분이 있습니다. 블로그를 하시려면 공부 쫌? 하셔야 겠네요 .ㅋㅋㅋ

위쪽에 빨간색으로 되어 있는 부분을 수정 해 주셔야 위치가 결정 되요.

자세히 설명 드리자면 다음과 같아요.

--다음--

MARGIN-LEFT : 화면중간에서 부터의 거리를 말해요. -500px는 중간에서 왼쪽에, 500px는 오른쪽에 위치 시킵니다. 

TOP : 상단위치를 결정 합니다. 화면 중간에 위치시키려면 50%를 입력합니다.

background-color : 배경색을 변경합니다. 투명화는 transparent, 색상은 해당 색상코드를 입력합니다.

border : 테두리 두께를 설정 합니다. 

solid : 실선색상을 지정합니다. 원하는 색상코드를 입력하시면 됩니다. 

 

5. 자.. 다들 배너 잘 달으셨나요..?? 저는 픽셀위치를 여러번 고쳐가며 위치를 맞췄어요.

 

다들 블로그에 배너 잘 달으시길 바래요.

이상으로 포스팅을 마쳐요~~~~~~~~