- 최신정보가득
- Less Than Worthless
- 서로 보듬어주는 블로그
- OISIF :: 꿈꾸는 백수 이야기
- Mary's Pastry Lab
- 웨스's Blog
- 단군 박공 과 조국 통일
- Little Jam House
- Orange Road
- 내 이야기
- 세상속에서 같이 호흡하기
- 전자나룻배
- 주로 미스터리
- blog
- 마요
- 늘푸른하늘의 사진과 일상이야기
- ssub-it
- 오직 당신을 위한 진실한 재⋯
- 나만의 상상낙원
- 워킹맘워킹대디 사랑방
- All IT
- 피트니스 라이프
- 비톤&1인미디어
- 호야월드
- 지식검색 귀하신분
- 쓰리잡맘 브라우니
- 이야기
- 디네로의 일상이 여행으로
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Thailand
- 추천 앱
- Tistory
- 스마트폰
- 아이스크림 샌드위치
- 태국
- 안드로이드 앱
- kanchanaburi
- android app
- 맛집
- 카오야이
- 페이스북
- android
- khao yai
- National Park
- motorcycle travel
- 넥서스 S
- 오토바이 여행
- Custom ROM
- 칸차나부리
- 커스텀 롬
- Bangkok
- 추천 영화
- NEXUS S
- 방콕
- recommended app
- 안드로이드
- agoda
- 아고다
- 티스토리
- 어제
- 85
- 오늘
- 5
- 전체
- 1,803,161
삶을 누리는 디비누스
스크롤 또는 따라다니는 추천 배너 본문
오늘은 따라다니는 스크롤 추천버튼을 티스토리에 추가하는 방법을 알아보겠습니다.
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[##_article_rep_link_##]" 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[##_article_rep_link_##]" width="65" height="75">
<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://caleb1783.tistory.com[##_article_rep_link_##]" /></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/[##_article_rep_id_##]&rdate=[##_article_rep_date_##]&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="https://ts.daumcdn.net/custom/blog/45/454718/skin/images/naver_iut.gif" width="67" height="80" alt="네이버 이웃 추가"></a>
</div>
</div>
<!--스크롤 배너 끝-->
-
OiSiF 2012.04.05 21:20 신고 txt파일과 본문 내용이 약간 다른데요. ^^
그리고 본문에 개인별로 바꿔줘야 하는 부분의 표시를 부탁드려도 될까요? -
케일럽 2012.04.05 22:36 신고 ㅎㅎ..
급하게 하다보니 몇가지 빼먹었군요~
곧 수정해서 올리겠습니다! -
케일럽 2012.04.05 22:44 신고 txt 파일과 동일합니다~
그리고 바꿔야할 부분은 보라색으로 표시했구요... -
케일럽 2012.04.05 22:45 신고 OiSiF 님은 이미 기본 코드가 있으니 원하시는 div 부분만 복사해 가시면됩니다~
기존 div 코드 안쪽에다가 삽입하세요~ -
OiSiF 2012.04.06 11:35 신고 그런데요 페이스북관련해서 appId= 는 안 바꿔줘도 되는건가요?
-
케일럽 2012.04.06 12:24 신고 아~
그부분도 빼먹었군요 ㅠㅠ
보라색으로 바꾸고 번호 알아내는 방법 링크도 걸었습니다...
감사합니다~ -
OiSiF 2012.04.06 21:39 신고 역쉬...전 매의 눈을 가지고 있습니다. ㅋㅋㅋ
아~ 그리고 텍스트와 본문에 다른점은 [샾샾_article_rep_link_샾샾] 관련된 부분이 없어요.