제 블로그 좌측과 상단에 보시면 소셜미디어로의 공유와 팔로우가 가능한 버튼들이 있는 것이 보이실 겁니다. 물론 이런 버튼 직접 만들어도 상관은 없지만.. 기왕 다는거 이쁜거 다는게 좋잖아요? AddThis.com에서 이런 문제를 해결해줍니다. 몇 줄의 코드로 말이죠..
AddThis.com에 접속한 다음에, 중앙에 Get Started! 를 눌러줍니다.
좌측에 Follow와 Share 보이시죠? 여기서 적절히 원하는 버튼 설정을 선택하고, Generate Code버튼을 눌러줍니다.
그러면 로그인하라고 할겁니다. facebook이나 twitter등으로 로그인 해줍니다. 그래야 코드를 줘요..
코드는 아래와 같은 식입니다.
<!-- AddThis Smart Layers BEGIN --> <!-- Go to http://www.addthis.com/get/smart-layers to customize --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52c8b53301f02f09"></script> <script type="text/javascript"> addthis.layers({ 'theme' : 'transparent', 'share' : { 'position' : 'left', 'numPreferredServices' : 6, 'services' : 'facebook,twitter,google_plusone_share,pinterest_share,print,more' }, 'follow' : { 'services' : [ {'service': 'facebook', 'id': 'iz.read'}, {'service': 'twitter', 'id': 'readiz_'}, {'service': 'pinterest', 'id': 'izread'}, {'service': 'rss', 'id': 'http://blog.readiz.com/rss'} ] } }); </script> <!-- AddThis Smart Layers END -->
저같은 경우에는 <body> 끝부분에 코드를 넣었는데요, 뭐 상관은 없는 듯 보입니다. 다만 하단에 넣어야 페이지가 방문자들에게 조금이라도 빨리 보이겠죠. 'share'에 'services' 보이시죠? 이걸로 왼쪽에 붙는 버튼들 종류를 조절할 수 있습니다. 관련된 API들은
에서 보실 수 있으니까 참조하시구요.
설치가 매우 쉬운 플러그인 입니다. 직접적 html코드 수정이 불가능한 네이버 등에서는 사용이 불가능하겠네요.. 티스토리는 한방에 설치 끝납니다.
'반응형 티스토리 > Tistory' 카테고리의 다른 글
| 반응형 스킨 네비게이션 바 색상 변경하는 방법 (22) | 2014.03.04 |
|---|---|
| 반응형 스킨 티에디션에서 이미지가 들쭉날쭉할 때 해결법 (11) | 2014.03.03 |
| 반응형 애드센스 문제점 및 후기 (11) | 2014.03.03 |
| Use respond.js in cross-domain environment (2) | 2014.03.02 |
| [티스토리 초대장] Readiz에서 3월 초대장을 배포합니다. (23) | 2014.03.01 |
| 반응형 스킨에서 티에디션도 반응형으로 만들기 - 1 (8) | 2014.02.28 |
| [티스토리 초대장] Readiz에서 2월 초대장 배포해 드립니다. [마감] (49) | 2014.02.02 |
| [티스토리 초대장] Readiz에서 2014년 1월 초대장 배포합니다. [마감] (65) | 2014.01.05 |
| [티스토리 초대장] Readiz에서 초대장 10장 배포합니다. [마감] (27) | 2013.12.01 |
| 티스토리 블로그를 시작할 때 먼저 생각해야 할 일 (11) | 2013.11.23 |
