일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 카오야이
- Custom ROM
- agoda
- 넥서스 S
- kanchanaburi
- 맛집
- 티스토리
- 페이스북
- android
- 아고다
- 스마트폰
- 아이스크림 샌드위치
- 안드로이드
- NEXUS S
- Tistory
- National Park
- 추천 영화
- 방콕
- 칸차나부리
- Bangkok
- Thailand
- 태국
- android app
- motorcycle travel
- recommended app
- 안드로이드 앱
- khao yai
- 오토바이 여행
- 커스텀 롬
- 추천 앱
- 어제
- 오늘
- 전체
삶을 누리는 디비누스
스크롤 또는 따라다니는 추천 배너 본문
오늘은 따라다니는 스크롤 추천버튼을 티스토리에 추가하는 방법을 알아보겠습니다.
html과 티스토리 치환자만 조금 알면 간단합니다...
다음 코드를 티스토리 태그트레일 치환자 후에 삽입해 주면 됩니다...
빨간색 숫자를 변경하여 스크롤 배너의 위치를 조절해 주고
파란색 숫자를 변경하여 스크롤 배너의 크기를 바꿔주면 됩니다...
보라색 숫자 및 문자는 자신의 고유 아이디로 변경하시기 바랍니다.
예를들어 "caleb1783.tistory.com" 은 "아이디.tistory.com"으로 바꿔주시고 믹시 코드에서 MUID 부분은 믹시 추천 버튼 코드를 확인하세요. 그리고 페북의 appid 부분은 페북 좋아요 설치 방법에서 확인하시기 바랍니다.
만약 순서를 바꾸거나 제거하고 싶은 버튼이 있다면 <div>...</div> 전체를 옴기거나 삭제하시면 됩니다~
문제나 질문사항은 댓글에 남겨주시면 바로 답변해드리겠습니다~
다음 링크에서 코드를 받으실 수 있습니다.
<!--스크롤 배너-->
<div style="border: 1px solid #2B3856; text-align: center; position: fixed; top: 113px; left: 50%; margin-left: -560px; background-color: #FFFFFF; width: 73px;">
<div class="mixup_top" style="background: #2B3856; height: 25px; width: 74px; position: absolute;"></div>
<br><br>
<div style="margin-left: 11px;">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=129426390472167&xfbml=1"></script><fb:like href="http://caleb1783.tistory.com/380" send="true" layout="box_count" width="68" show_faces="true" font="arial"></fb:like>
</div>
<br>
<div>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="caleb1783">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<br>
<div>
<g:plusone size="tall"></g:plusone>
</div>
<br>
<div>
<object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=http://caleb1783.tistory.com/380" width="65" height="75">
<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://caleb1783.tistory.com/380" /></object>
</div>
<br>
<div style="float: left; margin-bottom: 20px;"><div class="mixup_top" style="background: #FFFFFF; height: 7px; width: 67px; position: absolute;"></div><div class="mixup_left" style="background: #FFFFFF; height: 67px; width: 1px; position: absolute;"></div>
<iframe src='http://mixsh.com/widget/new_mixup/loader.html?muid=200292&guid=http://caleb1783.tistory.com/380&rdate=2012. 4. 6. 14:23&rawhtml=&skin=1&showhitcnt=1&platform=1' frameBorder='0' scrolling='no' allowTransparency='true' width='62' height='65'></iframe>
</div>
<br>
<div>
<a href="http://v.daum.net/user/plus?blogurl=caleb1783.tistory.com" target="_blank" title="view 구독"><img src="./images/viewout.png"
onMouseover=this.src="./images/viewon.png"
onMouseout=this.src="./images/viewout.png" style="cursor:hand"
border="0"/></a>
</div>
<br>
<div style="margin-top: 1px;">
<a href="http://blog.naver.com/BuddyAdd.nhn?blogId=caleb1783" onclick="window.open(this.href); return false"><img src="http://ts.daumcdn.net/custom/blog/45/454718/skin/images/naver_iut.gif" width="67" height="80" alt="네이버 이웃 추가"></a>
</div>
</div>
<!--스크롤 배너 끝-->