[화면 왼쪽에 SNS 공유버튼 추가]
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title> 위에
아래 스크립트 코드를 추가합니다.
(그럼 자동으로 화면 왼쪽에 공유버튼들이 생기게 됩니다.)
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51ff5de203127e60"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'numPreferredServices' : 8,
'services': 'facebook,twitter,google_plusone_share,print,emal,evernote,bitly,pocket,more'
},
'recommended' : {
'title': 'Recommended for you:'
}
});
</script>* 실제 코드 삽입 부분
<!-- 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=xa-51ff5de203127e60"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'numPreferredServices' : 8,
'services': 'facebook,twitter,google_plusone_share,print,emal,evernote,bitly,pocket,more'
},
'recommended' : {
'title': 'Recommended for you:'
}
});
</script>
<!-- AddThis Smart Layers END -->
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title>* 적용된 모습
[게시글 하단에 SNS 공유버튼 추가]
우선 <title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title> 위에
아래 스크립트 코드를 추가합니다.
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=test"></script>그리고 버튼을 삽입하고 싶은 곳에 아래 html코드를 추가합니다.
(저는
아래 부분에 추가했습니다.)
[화면 왼쪽에 SNS 공유버튼 추가]
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title> 위에
아래 스크립트 코드를 추가합니다.
(그럼 자동으로 화면 왼쪽에 공유버튼들이 생기게 됩니다.)
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51ff5de203127e60"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'numPreferredServices' : 8,
'services': 'facebook,twitter,google_plusone_share,print,emal,evernote,bitly,pocket,more'
},
'recommended' : {
'title': 'Recommended for you:'
}
});
</script>* 실제 코드 삽입 부분
<!-- 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=xa-51ff5de203127e60"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'numPreferredServices' : 8,
'services': 'facebook,twitter,google_plusone_share,print,emal,evernote,bitly,pocket,more'
},
'recommended' : {
'title': 'Recommended for you:'
}
});
</script>
<!-- AddThis Smart Layers END -->
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title>* 적용된 모습
[게시글 하단에 SNS 공유버튼 추가]
우선 <title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title> 위에
아래 스크립트 코드를 추가합니다.
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=test"></script>그리고 버튼을 삽입하고 싶은 곳에 아래 html코드를 추가합니다.
(저는 아래 부분에 추가했습니다.)
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_instapaper"></a>
<a class="addthis_button_readitlater"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>* 실제 코드 삽입 부분
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=test"></script>
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title>
.
.
.
<div class="article">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_instapaper"></a>
<a class="addthis_button_readitlater"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<!-- //AddThis Button BEGIN -->
</div>
* 적용된 모습
[Reference]
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_instapaper"></a>
<a class="addthis_button_readitlater"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>* 실제 코드 삽입 부분
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=test"></script>
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title>
.
.
.
<div class="article">
[화면 왼쪽에 SNS 공유버튼 추가]
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title> 위에아래 스크립트 코드를 추가합니다.(그럼 자동으로 화면 왼쪽에 공유버튼들이 생기게 됩니다.)
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-51ff5de203127e60"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'numPreferredServices' : 8,
'services': 'facebook,twitter,google_plusone_share,print,emal,evernote,bitly,pocket,more'
},
'recommended' : {
'title': 'Recommended for you:'
}
});
</script>
* 실제 코드 삽입 부분<!-- 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=xa-51ff5de203127e60"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'numPreferredServices' : 8,
'services': 'facebook,twitter,google_plusone_share,print,emal,evernote,bitly,pocket,more'
},
'recommended' : {
'title': 'Recommended for you:'
}
});
</script>
<!-- AddThis Smart Layers END -->
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title>
* 적용된 모습
[게시글 하단에 SNS 공유버튼 추가]
우선 <title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title> 위에아래 스크립트 코드를 추가합니다.
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=test"></script>
그리고 버튼을 삽입하고 싶은 곳에 아래 html코드를 추가합니다.(저는 아래 부분에 추가했습니다.)
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_instapaper"></a>
<a class="addthis_button_readitlater"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
* 실제 코드 삽입 부분
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=test"></script>
<title>K's 개발이야기 :: [티스토리 꾸미기] AddThis를 이용한 SNS 공유버튼 추가하기</title>
.
.
.
<div class="article">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_instapaper"></a>
<a class="addthis_button_readitlater"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<!-- //AddThis Button BEGIN -->
</div>
* 적용된 모습
[Reference]
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_instapaper"></a>
<a class="addthis_button_readitlater"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<!-- //AddThis Button BEGIN -->
</div>
* 적용된 모습
[Reference]
