본문 바로가기

Computer/컴퓨터 활용

티스토리 SNS공유 버튼 달기

반응형

 

포스팅을 오랜만에 올리면서 블로그를 좀 더 업그레이드를 해보고 싶어

그동안 하고 싶었지만 어려워서 미루고 미뤘던 SNS공유버튼을 달아보기로 하였다

막상 해보니 원래 이렇게 쉬웠나 하는 생각이 들정도로 간편한 사이트가 있었다

 

 

 

 

블로그에 달아보았다

왼쪽에 고정되어 있는 SNS공유버튼

 

 

 

제일 많이 쓰는 SNS는 꺼내놨지만

" + "버튼을 누르면 내가 원하는 곳에 공유를 할 수 있다

 

 

 

일단 버튼을 생성해주는 사이트에 가입을 해야 한다

구글, 페이스북, 이메일 3가지 중 선택하여 가입이 가능하다

 

주소는 : https://www.addthis.com

 

 

이메일 가입을 선택하였기에

이메일 주소와 비밀번호 그리고 국적을 입력 후

" Let's Get Started "를 클릭합니다

 

 

 

어떤 버튼을 할건지 선택을 합니다

저는 공유버튼을 할거라 " Share Buttons "를 선택 했습니다

 

 

 

 

어떤 타입의 버튼으로 할건지를 설정 하실 수 있습니다

선택 하셨다면 " Contunue "를 클릭

 

 

 

위치, 갯수 를 선택 가능합니다

" Select your own "를 클릭하면

내가 원하는 공유버튼을 직접 선택가능 합니다

 

 

 

 

스타일 , 색상 설정 하실 수 있습니다

 

 

 

특정 페이지에 숨길 수 있습니다

 

 

 

버튼 모양을 설정 하실 수 있습니다

 

 

 

메세지를 설정 하실 수 있습니다

설정이 끝났으면 " save & Contiue "를 클릭하세요

 

 

" Code Only View "를 클릭 하시면

Install Code 가 보입니다

우측에 " + "아이콘을 클릭하시면 복사가 되어 집니다

 

 

 

HTML 코드에서 <Head> 바로 아래에 넣어주시면 됩니다

 

 

반응형