추천버튼 작게만들기 2탄- 믹스+ 트위트미미 버튼 추가

 저번에 알려드린 추천버튼 작게 만들기는 위의 그림까지 였습니다.

2010/06/10 - [■ 컴생활정보 ■] - 다음뷰, 블로그독, 마이픽업 추천버튼 쉽게 달기

 오늘은 아래의 그림에서 보듯 믹시 + 트위트미미 버튼까지 추가 하기 입니다. 

 이번에도 소스를 올려 드리며 조금 달라진것 있다면 마이픽업에서 그림이 사라지게 만드는
소스와 다음뷰,믹시 버튼 플러그인에서 설정해제 하는 법까지 알려 드리겠습니다.
소스는 저번에 올려드린 소스를 모두 합하여 올려드리는게 처음하시는 분들이나 먼저번
소스에 다시 어느 위치에다 넣야할지 헤깔려 하실까봐!! 전체를 올려드리는 것이니 편하게 쓰세요.

1. skin.html     (빨간색 글은 수정하시고 파란색 글은 삭제 하세요)

<!-- ★다음뷰, 블로그독 마이픽업,믹시 추천 버튼★ -->

<div class="Meta_Blog">

<div class="view">   다음뷰
<object type="application/x-shockwave-flash" data="http://api.v.daum.net/static/recombox3.swf?nurl=http://001ti.tistory.com/" width="67" height="80">
<param name="movie" value="http://api.v.daum.net/static/recombox3.swf?nurl=http://001ti.tistory.com/" /></object>
</div>

<div class="MF_Left_Float" style="height:70px; margin-left:5px;">   믹시
    <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' width='73' height='79' align='left' style="border-bottom: 1px solid #CFD4DA; border-right: 1px solid #CFD4DA;">
    <param name='allowScriptAccess' value='always'/>
    <param name='movie' value='http://www.mixsh.com/widget/mixup/loader.html?muid=1397&guid=http://001ti.tistory.com/&rdate=&showhitcnt=1&platform=2'/>
    <param name='quality' value='high'/>
    <param name='wmode' value='window'/>
    <embed src='http://www.mixsh.com/widget/mixup/loader.html?muid=1397&guid=http://001ti.tistory.com/&rdate=&showhitcnt=1&platform=2' quality='high' wmode='window' width='73' height='79' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/>
    </object>
</div>

<div class="blogdoc" style="text-align:center;"><script type='text/javascript'>document.write("<scr"+"ipt type='text/javascript' src='http://w.blogdoc.nate.com/widget.php?c_seq=30080&p_url=http://"+document.domain+"'></scr"+"ipt>");</script></div>  블로그독

<div style="float:left; margin-left: 2px; ">  마이픽업
<script type="text/javascript" src="http://2u.lc/packer/js/rt.js/default"></script>
<script type="text/javascript">
  var fn="table_s";     
  var username = 'flywhan'; 
  var hosturl = 'http://001ti.tistory.com';
  var url = hosturl+('');
  var title = ('').replace('"','');
  _rt(fn, username, url, title);
</script>
</div>

<script type="text/javascript">   트위트미미
tweetmeme_service = 'bit.ly';
tweetmeme_source = 'flywhan';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script>
</div>

</div>
 
<!-- ★카테고리 글 더보기 모듈★ -->

<div id="MF_Reference" class="another_category another_category_color_gray"></div>
<script type="text/javascript">
//<![CDATA[
// Created by MissFlash(http://blog.missflash.com)
var MF_Reference = document.getElementById('MF_Reference');
MF_Reference.setAttribute("id", "MF_Reference" + MissFlash_Div_Num);
MF_Reference.className = "another_category another_category_color_gray";
var ref_source = getElementsByClass(MissFlash_Div_Num,"another_category");
MF_Reference.innerHTML = ref_source;
MissFlash_Div_Num += 1;
//]]>
</script>
</div>

2. style.css

/* ★메타블로그 버튼 추가 내용★ */

.Meta_Blog {
border : 1px solid #e5e5e5;
margin : 0 0 5px 0;
padding : 2px;
background: transparent url("이미지 주소") no-repeat right bottom;
height : 80px;
}

.view {
float:left;
margin-left : 5px;
}

.blogdoc {
float:left;
margin-left: 2px;
background-color : #f9f9f9;
border : 1px solid #d8d8d8;
height : 75px;
padding : 3px 5px 0 0;
width : 70px;
overflow : hidden;
}

.MF_Left_Float {float:left; margin-bottom:5px; }
.MF_Right_Float {float:right; margin-bottom:5px; }

 소스들은 복사하신 후 메모장이나 포털사이트 본인 메일함 [메일쓰기]를 열어서 그곳에 붙여넣기
후에 수정하시면 됩니다. 가급적 메일함에서 수정하시는게 빨간색 글씨 수정이 용이 합니다.
믹시 muid=1397 / 블로그독 c_seq=30080 에서 본인 위젯 숫자모를때 찾는법
믹시 로그인 후 블로그관리-> 위젯설치->티스토리 선택하시면 위젯코드 muid=숫자&guid
블로그독 로그인 후 [마이페이지] 본인글 위에 마우스 올려놓으면 우측상단에 [위젯↓]에서
              위젯넣기 소형창 열린 후 [스킨에 넣기]선택-> 티스토리 선택 c_seq=숫자&p_url
 

다음뷰와 믹시 경우 소스등록 후  플러그인 설정으로 가셔서 [표시하지 않음] 선택하셔야 합니다.

플로그인에서 [표시하지않음] 설정 않해두면 이렇게 보입니다.

 마이픽업에서 이미지 표시와 미표시 소스방법☞ http://www.estorylab.com/78
이렇게 해서 주제에 대한 모든 설명을 빠짐없이 들린것 같습니다. 소스들과 친하지 않은 사람이
소스을 건드려서 작업하려니 시간도 오래걸리고 틀린부분 발견되면 머리도 아프고 스팀도 같이
도는 써라운드의 연속 이었습니다. 소스를 제공해 주시는 분은 소스가 있으니 알아서 위치에
넣겠지? 하시지만 저 같이 소스를 돌 보듯 하는 사람은 진짜 소스 잘못 건드렸다가 하루 종일
씨름하는 더러운 경우가 생기기에..... 쉽고 간편하게 소스 수정하시라고 알려 드리는 것입니다.

참고로 위 소스를 어느 위치에 넣어야 하는지 대한 것은 추천버튼 쉽게 달기 편에 사진과
설명이 있으니 보시기 바랍니다.  잘 쓰시구요~ 추천과 댓글을 남겨주시는 센스 잊지마세요!!

추신: 오늘 축구 스위스에 이기고 아르헨과 나이지리아 1 : 0 되어 조편성 현재 1위라 기쁩니다.^^