''

티스토리 블로그 꾸미기-사이드바 SNS공유버튼(애드디스)

블로그 꾸미기 사이드바 SNS공유버튼 만들기(애드디스)

 

안녕하세요 다칸입니다, 티스토리 블로그 포스팅을 작성한 지 얼마 안 되시는 분들께서는 사이드바가 조금 허전한 것을 느낄 때가 있으실 겁니다. 검색도 잘되고 상위에 있는 블로그들을 보니 사이드바에 이것저것 이쁜 요소들도 있고 그중에서도 SNS 공유버튼들이 보여서 다채롭게 활동하고 있는 블로거의 이미지를 주고 있는 모습을 확인 할수 있습니다.

 

그래서 나도 SNS공유 버튼을 달려고 보면 유료 스킨들에서나 제공하는 부분들도 있고 또 스킨을 함부로 바꾸게 블로그 점수가 낮아진다는 이야기도 들어서 함부로 바꿀 수 없는 경우가 있습니다. 

 

그래서 여러 가지 알아보던 와중에 애드디스를 활용하면 보다 편리하고 쉽게 사이드바에 SNS공유버튼을 넣을 수 있습니다, 사이드바에 SNS공유 버튼을 넣어 내 티스토리 블로그를 조금이라도 이쁘게 꾸며 보면 좋을 것 같습니다.

 

밑에 이미지를 보시면 애드디스를 사용해서 SNS공유버튼을 넣게 되면 어떻게 나오는지 확인할 수 있습니다.

사이드바 애드디스 SNS공유버튼

 

 

 

아래 내용대로 차근차근 따라 해 보시면 여러분 사이드바에도 이쁜 SNS공유버튼을 넣을 수 있습니다.

 

 

1. 애드디스 사이트 접속 및 로그인

2. 로그인이 되었다면 아이콘들 중에서 Share Buttons을 클릭합니다.

3. 왼쪽에 설정 버튼들이 보이는데 Floating을 선택한 후에 Continue 버튼을 클릭해서 다음 단계로이동 합니다.

4. Selected by You를 선택한후 원하시는 SNS 종류를 추가/삭제하고 Activate Tool 버튼을 클릭합니다.

5. 코드 복사 화면에서 코드를 복사합니다.

6. 내 티스토리 관리 화면에서 스킨 편집 화면으로 이동합니다.

7. 스킨편집 화면에서 html 편집 버튼을 클릭합니다.

8. html 편집 화면에서 <body></body> <--안에 복사한 코드를 삽입합니다.

9. 코드 삽입 후 내 티스토리에서 확인합니다. 

10. 추후에 애드디스를 변경하고 싶을 땐 애드디스 접속하여 변경해줍니다.

11. 편리하게 관리가 편한 애드디스

 

 

 

애디디스 사이트

1. 애드디스 사이트 접속 및 로그인

 - 무료 사이트라는 점이 매력적입니다, 구글 아이디나 페이스북 아이드로도 가입 가능합니다.

 - 사이트 주소는 www.addthis.com/ <--클릭으로 접속 가능합니다.

 

 

 

 

Share Buttons 버튼 클릭

2. 로그인이 되었다면 아이콘들 중에서 Share Buttons을 클릭합니다.

 

 

 

 

 

공유버튼 종류 고르기

3. 왼쪽에 설정 버튼들이 보이는데 Floating을 선택한 후에 Continue 버튼을 클릭해서 다음 단 계로이 동 합니다.

  - 현 포스팅에서는 사이드바에서 꾸미는 것만 설명드리고 있지만 여러 가지 클릭해서 더 추가하고 싶은 곳에 추가하셔서 자신의 블로그를 다채롭게 꾸며 보셔도 좋아요.

 

 

 

 

 

공유버튼 설정

4. Selected by You를 선택한 후 원하시는 SNS 종류를 추가/삭제하고 Activate Tool 버튼을 클릭합니다.

 

 

 

 

 

코드복사

5. 코드 복사 화면에서 코드를 복사합니다.

 

 

 

 

스킨 편집화면 이동

6. 내 티스토리 관리 화면에서 스킨 편집 화면으로 이동합니다.

 

 

 

 

html 편집 화면이동

7. 스킨편집 화면에서 html 편집 버튼을 클릭합니다.

 

 

 

 

코드 삽입

8. html 편집 화면에서 <body></body> <--안에 복사한 코드를 삽입합니다.

  - 코드의 위치는 편의상 맨 아래쪽으로 삽입했으나 각자의 편의대로 위에나 아래나 중간에나 상관없이 넣어도 작동이 됩니다. 중요한 것은 나중에 지우거나 편집할 때 본인이 찾기 쉬워야 합니다.

 

 

 

 

내 티스토리에서 확인

9. 코드 삽입 후 내 티스토리에서 확인합니다. 

 

 

 

 

10. 추후에 애드디스를 변경하고 싶을 땐 애드디스 접속하여 변경해줍니다.

- 애드디스 접속 --> Tools 클릭 --> SETTINGS 클릭  

- 추가로 또다시 html변경을 하지 않아도 자동으로 적용이 됩니다.

 

 

 

 

 

11. 편리하게 관리가 편한 애드디스

- SNS 위치를 위아래 왼쪽 오른쪽 변경 가능하고 모바일과 데스크톱 별로로 관리가 가능합니다.

 

 

 

 

마무리.

- 오늘은 애드디스를 통한 티스토리 블로그 사이드바 꾸미기 SNS 공유 버튼 만들기를 해보았는데요, 애드디스 말고도 비슷한 기능들을 제공하는 다른 사이트들도 많더라고요. 아니면 티스토리 자체 기능으로도 비슷한 느낌의 버튼들을 제작하는 방법들도 있고요. 이런 버튼들을 만들고 내 티스토리를 꾸미는 이유 중에 하나는 내 블로그를 이용하는 이용자분들에게 조금 더 내 블로그에 머물러 주시면 좋겠다는 마음으로 제작하면 좋을 것 같아요. 티스토리 블로그 점수 중에 머문 시간도 중요하다고 하니 이점 참고하셔서 블로그로 많은 수익을 내는 블로거가 다들 되셨으면 좋겠습니다. 오늘 하루도 고생 많으셨고 이 블로그를 보신 여러분은 이미 블로그로 큰돈을 벌고 있으신 겁니다. 

+ Recent posts