Google+

sharethis_social_button

2014년 5월 15일 목요일

내 사이트 또는 블로그에 쇼설 버튼 추가하기 #쇼셜버튼 #쉐어디스 #sharethis


내 사이트 또는 블로그에 쇼셜버튼을 달아주면 더 많은 공유와 관심을 얻을 수 있어보다 많은 노출의 기회를 얻을 수 있을 것입니다.

쇼셜 버튼을 추가할 수 있는 사이트중 저는 쉐어디스(http://www.sharethis.com/)를 이용했습니다.안타갑게도 네이버블로그는추가할 수 없어서 구글블로그와 티스토리를 기준으로 포스팅합니다. 
접속하시고 간단히 사용하시는 쇼셜(페이스북, 트위터, 구글플러스 등)중 하나로 가입 및 로그인하세요.

<< 구글블로그에 쇼셜 버튼 추가하기 >> 
Social Charge Your Content
1. Choose a Platform(어디다 설치할지 선택합니다.) 먼저 구글블로그에다 해보겠습니다.
2. Select a Style

3. Customize

  페이스북 등의 ID를 넣어주세요
Instructions데로 따라해 주면

1. Click here to log in to your Blogger site. You will see your blog list.



2. Click on the drop down against the Blog on which you want to add the Buttons.

3. Select Layout from the Drop Down.



4. On the Layout Page click on Add a Gadget where you want to show the buttons on the page.

5. Add a Gadget pop-up will open, scroll down the page and click on HTML/JavaScript.

6. Now in the Content section, paste the code section 1 (the script tags).

7. You are all done. Click on the orange Save button on the lower left. You should now see the ShareThis buttons on your blog.

아래와 같이 잘 나옵니다.



<< 티스토리에 쇼셜버튼 추가하기 >>
Social Charge Your Content 에서 1. Choose a Platform 에서 Website를 선택해줌




그러면 1. 빨간 네모와 2. 파란 네모와 같이 두개의 코드가 생성되는데, 1. 빨간네모는 블로그내에 위치를 선정해 주는 코드이고 2. 파란네모는 스크립트 코드입니다.

2. 파란네모 안의 코드는 티스토리 skin.html의 </head>에 넣어주면 되고(Copy the script tags and place them inside and at the end of your "head" tag.)

빨 간네모는 포스트쓰기를 한 다음, HTML 편집모드로 들어가 포스트의 아래에 넣어주면 됩니다.(Copy the span tags and place them where you want your buttons to appear in the code : 쉐어디스에서는 페이지의 맨위에 넣으라고 하던데, 맨아래에도 잘 됩니다.)

물론 홈페이지나 쇼핑몰(website)에도 잘 되므로 적용해보시면 좋을 듯합니다.

또한 addthis를 이용하는 방법도 있으니 https://www.addthis.com/get/sharing?where=newsletter#.UBc-VWG0DNV로 접속하시여 이용하시는 것도 좋을 듯 합니다.

관심 블로거의 글목록