스크롤 또는 따라다니는 추천 배너

오늘은 따라다니는 스크롤 추천버튼을 티스토리에 추가하는 방법을 알아보겠습니다.

html과 티스토리 치환자만 조금 알면 간단합니다...

다음 코드를 티스토리 태그트레일 치환자 후에 삽입해 주면 됩니다...

빨간색 숫자를 변경하여 스크롤 배너의 위치를 조절해 주고

파란색 숫자를 변경하여 스크롤 배너의 크기를 바꿔주면 됩니다...

보라색 숫자 및 문자는 자신의 고유 아이디로 변경하시기 바랍니다.

예를들어 "caleb1783.tistory.com" 은 "아이디.tistory.com"으로 바꿔주시고 믹시 코드에서 MUID 부분은 믹시 추천 버튼 코드를 확인하세요. 그리고 페북의 appid 부분은 페북 좋아요 설치 방법에서 확인하시기 바랍니다.

만약 순서를 바꾸거나 제거하고 싶은 버튼이 있다면 <div>...</div> 전체를 옴기거나 삭제하시면 됩니다~

문제나 질문사항은 댓글에 남겨주시면 바로 답변해드리겠습니다~

다음 링크에서 코드를 받으실 수 있습니다.

스크롤 배너.txt

<!--스크롤 배너--> 

<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&amp;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>

<!--스크롤 배너 끝--> 

저작자표시비영리동일조건