네이트닷컴 데브스퀘어를 통한 블로그에 C공감버튼 달기

요즘 블로그에 페이스북이나 트위터관련 링크는 거의 필수가 되어가고 있는 듯 합니다.  싸이월드에서도 비슷한게 있어서 소개를 해봅니다.  아무래도 페이스북이나 트위터 보다는 한국에서는 싸이월드 가입자가 더 많으니 달아두는 것도 좋지 싶습니다.

아래는 한 번 적용해본 것입니다.  애드디스와 싸이월드 공감 버튼을 나열해본 것입니다.


http://devsquare.nate.com/openApi/empathyButton

이 사이트에서 해당 소스를 얻을 수 있습니다.



<iframe src="http://csp.cyworld.com/ac/external_sp.php?U=http://comzi.com&B=H"  frameBorder='0' scrolling='no' allowTransparency='true' width='100' height='20'></iframe>


테스트를 해보니 위 소스에서 블로그주소만 바꾸어 주어도 되더군요.





아래는 적용해본 소스입니다.

글 상단과 하단에 이런 소스를 넣어주었습니다.



<table border="0" width="376">
    <tr>
        <td width="253">
            <p>

<!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<div class="addthis_toolbox addthis_default_style">
<a href=http://www.addthis.com/bookmark.php?v=250&amp;username=ilovetrue class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_googlebuzz"></a>
<a class="addthis_button_email"> </a>

</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=ilovetrue"></script>
<!-- AddThis Button END -->


       </td>
        <td width="113">
            <p>&nbsp;<iframe src="http://csp.cyworld.com/ac/external_sp.php?U=http://comzi.com&B=H"  frameBorder='0' scrolling='no' allowTransparency='true' width='100' height='20'></iframe>


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