다음 뷰온 위치 지정하기, 따라다니는 뷰온, 기다리는 뷰온

‥…····──────━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━──────····…‥

다음 뷰온 원하는 곳에 두기.

따라다니는 뷰온!? 기다리는 뷰온!?

오랜만에 작선하는 티스토리 팁 입니다.!!!!

일단 

쿡! 눌러 주시고 가 보겠습니다.

최대한 간단하게, 누구나 알아 볼 수 있게 가겠습니다.

저또한 초보 이기 때문에 쉽게 쉽게 헤헤..

0. 미리보기

1. 준비

일단 뷰온을 원하는 곳에 넣기 위해서는

두가지만 알면 되겠습니다.

첫째. 뷰온 소스코드

둘째. style의 Position  스타일의 포지션 입니다.

먼저 뷰온의 소스 코드 입니다.

<object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=http://xxxi.tistory.com" width="67" height="80">

<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://xxxi.tistory.com" />

</object>

붉은색은 자신의 티스토리 주소!

파랑색은 뷰온의 종류와 그에 맞는 사이즈를

넣으면 되겠습니다.

파랑색은 뷰온의 종류와 사이즈는

recombox1 - width : 400, height : 80 recombox2 - width : 400, height : 58 recombox3 - width : 67, height : 80

그리고

포지션 입니다.

<a style="position:fixed; bottom:50px ; right: 20px">

</a>

위치를 지정 하는 건데요.

여기에서는 필요한거 몇가지만 

확인 하고 넘어 갑니다.

자세한 사항은 이 곳을 참고 하시거나 position 상제 설명

검색을 해보세요~

fixed   이녀석이 스크롤에 상관없이 따라오게 (사용자의 화면에 고정) 만들어 줍니다.

absolute를 넣게 되면 정해진 위치(절대 좌표에 의한 위치 지정)에서 기다리게 되지요.

 bottom:50px  ; right: 20px  이 두녀석은 위치를 지정하고요. 

top와 left도 있습니다.  다른것두 있지만 이거 4개면 충분.

이러면 끝났습니다.

위의 두개를 합쳐 보죠

<a style="position:fixed; bottom:50px ; right: 20px">

<object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=http://xxxi.tistory.com" width="67" height="80">

<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://xxxi.tistory.com" />

</object>

</a>

스타일 안에 뷰온을 집어넣어 위치를 지정해 줬습니다.

이제 

TISTORY관리 > HTML/CSS 편집 > HTML/CSS > skin.html

로 들어 가셔서

 [샵샵_article_rep_desc_샵샵] 

이 부분 바로 아래 붙여 넣으면 됩니다.

컨트롤+F 키로 검색 하시면 금방 찾아요.

샵샵 = ##

위에서 합친 내용 첨부 합니다.

xxxi-따라 다니는 뷰온.txt

xxxi-기다리는 뷰온.txt

위의 텍스트 문서 의 내용을 복사하셔서

[샵샵_article_rep_desc_샵샵]

(샵샵 은 ##으로 수정)

 이 부분 바로 아래 붙여 넣으면 됩니다.

티스토리 주소, 뷰온의 위치, 종류, 크기

는 사용자에 맞게 수정후 사용 하시면 됩니다.

지금 제 블로그에서 사용/ 적용 중인 내용 입니다.

이러면 끝~~

지금은 그냥 오른쪽에 덩그러니 있어서

먼가 있으면 안될 것 같은게 있는 기분인데...

다음에는 깔끔하게 틀 같은곳에 넣거나 해 봐야 겠네요.

본 글 때문에 생기는 문제는 작성자는 책임 지지 않습니다.

사용 자는 충분한 정보와 지식을  갖춘 후 사용 하시길 권장 합니다.