소셜 버튼 정리

지금까지 여러가지 추천 버튼과 보내기 버튼 설치에 대해 알아봤습니다...

근데 이것들이 블로그 이곳 저곳에 가 있으면 보기도 그렇고 사람들 찾아다니면서 클릭하기도 힘들잖아요?

그래서 오늘은 윗 그림처럼 이것들을 한군대로 모으는 방법을 배우겠습니다...

<!-- 추천 버튼 시작 --> 

<table width="100%" style="border-collapse:collapse; border:1px #E5E5E5 solid;">

<tr><td align="left" valign="baseline">

  <!-- 다음 뷰 버튼 시작 -->

    <embed src="http://api.v.daum.net/static/recombox1.swf?nurl=http://caleb1783.tistory.com[**_article_rep_link_**]" quality="high" bgcolor="#ffffff" width="402" height="80" type="application/x-shockwave-flash"></embed>

  <!-- 다음 뷰 버튼 끝 -->

  </td><td valign="top" rowspan="5">    <table width="100%" border="0" cellpadding="1">

    <tr>

      <td>

  <!-- 로고 시작 -->

<img src="http://cfs.tistory.com/custom/blog/78/789532/skin/images/Cross-Glow.jpg" alt="십자가" height="120" width="101" style="cursor: pointer"/>

  <!-- 로고 끝 -->

</td>

    </tr>

    <tr>

      <td align="center">

   <!-- SNS 버튼 -->

<div class="tt-plugin ttShareEntryWithSNS tt-sns-icon-alignment-left tt-sns-icon-size-small">

    <button class="ttShareEntryWithFacebook" id="ttServiceFacebook_[**_article_rep_id_**]" onclick="ShareEntryWithSNS.share('facebook', '[**_article_rep_id_**]', '[**_article_rep_title_**]');"><span>페이스북에 보내기</span></button>

<button class="ttShareEntryWithTwitter" id="ttServiceTwitter_[**_article_rep_id_**]" onclick="ShareEntryWithSNS.share('twitter', '[**_article_rep_id_**]', '[**_article_rep_title_**]');"><span>트위터에 보내기</span></button>

<button class="ttShareEntryWithYozm" id="ttServiceYozm_[**_article_rep_id_**]" onclick="ShareEntryWithSNS.share('yozm', '[**_article_rep_id_**]', '[**_article_rep_title_**]');"><span>요즘에 보내기</span></button>

<button class="ttShareEntryWithMe2day" id="ttServiceMe2day_[**_article_rep_id_**]" onclick="ShareEntryWithSNS.share('me2day', '[**_article_rep_id_**]', '[**_article_rep_title_**]');"><span>미투데이에 보내기</span></button>

</div>

  <!-- SNS 버튼 끝 -->

      </td>

    </tr>

    <tr>

      <td align="center">

  <!-- 구글 추천 시작 -->    

    <g:plusone></g:plusone>

  <!-- 구글 추천 끝 -->

      </td>

    </tr>

  </table></td></tr>

<tr height="4"><td></td>

  </tr>

<tr><td align="left" valign="baseline">  

  <!-- 믹시 버튼 시작 -->

<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='402' height='91'></iframe>

  <!-- 믹시 버튼 끝 -->

</td>

  </tr>

<tr height="4"><td></td>

  </tr>

<tr><td>

  <!-- 페북 Like 시작 -->

  <div id="fb-root"></div>

<script src="http://connect.facebook.net/en_US/all.js#appId=1294xxxx0472167&amp;xfbml=1"></script>

<fb:like href="caleb1783.tistory.com[**_article_rep_link_**]" send="true" width="400" show_faces="false" font=""></fb:like>

  <!-- 페북 Like 끝 -->

</td>

  </tr>

</table>

<!-- 추천 버튼 끝 --> 

파란색은 자신의 메인 블로그 주소로 바꾸고... 빨간색의 * 표시 # 표시로 바꿔서 삽입하면 됩니다... 초록색 부분는 자신의 고유 링크 및 번호로 바꾸세요~!

만약 아직 설치 안한 버튼이 있다면 아래 링크를 통해 배워보세요~!

다음 뷰

믹시

페북 좋아요

SNS 글보내기

구글 +1

하다가 질문이나 않되는 부분있으면 커멘트 남기세요~!