본문 바로가기

블로그/FastBoot 1.6.2

FastBoot 티스토리 애드디스로 SNS 공유하기 버튼 만들기

티스토리에 애드디스를 이용하여 SNS 공유하기 버튼을 PC에서는 우측에 모바일에서는 하단에 만드는 방법을 알려드리겠습니다. 직접 진행하면서 만들었기 때문에 따라하시기만 한다면 문제없이 무난하게 적용될 것입니다. 혹시 막히는 부분이 생기시면 댓글을 달아 주시기 바랍니다. (티스토리 SNS 공유하기 버튼 만들기, 티스토리 애드디스 적용하기)


테슬라의 모든 정보를 모으는 블로그,

테정원을 검색하세요!!

글, 사진 및 이미지 ▶ CopyLeft(C) 김성훈

#CopyLeft(C)는 저작권의 반대 개념으로, 카피라이트(CopyRight)와 반대되는 말입니다. '지적소유권' 이 오히려 정보의 물길을 막는 장애물이 되고 있는 현실을 극복하기 위한 운동입니다#

#사진과 이미지의 일부는 퍼온 것도 있습니다#


 블로그 

FastBoot 티스토리 애드디스로 SNS 공유하기 버튼 만들기


애드디스는 Share Buttons를 생성해주는 서비스를 제공합니다. 이 버튼을 만들게 되면 추후에 얼마나 공유해 갔는지, 어떤 SNS로 공유해 갔는지도 통계자료로 보여줍니다. 이러한 데이터를 활용하여서 자신의 블로그를 키워나가는 것이 아주 중요합니다. 수요와 공급을 얼마나 잘 맞추느냐가 생존과 도태를 가른다고 보시면 되겠습니다. 



모바일 화면에서는 하단에 SNS 공유하기 버튼이 활성화됩니다.




공유버튼을 설치할 때 가장 거슬리는게 이전글, 다음글 표시 버튼이었습니다. 먼저 이전글, 다음글 표시 버튼부터 제거해보도록 하겠습니다.




티스토리 블로그 관리에서 (꾸미기 -> 스킨편집 -> html편집)을 클릭합니다.




일단 Ctrl+F로 '이전'을 검색합니다.




<!--F 좌우 여백에 이전글 다음글 표시 Script 완벽 동착 버전 by Readiz (1400px 이상)--> 이란 부분이 보이실 겁니다. 여기에서 --> 이 화살표 부분을 </script> 다음으로 이동 시켜주시면 버튼은 사라지게 됩니다.



애드디스 공유 버튼 설치하기


먼저 애드디스 홈페이지로 가보겠습니다.


애드디스 홈페이지로 가기 -> 클릭



구글 계정으로 로그인 하는 것이 가장 좋습니다. 



Share Buttons를 클릭합니다.




Floating을 클릭합니다.




사진과 같이 선택을 하시면 되겠습니다. SNS는 자신의 마음에 드는 것을 고르시면 되겠습니다. 마지막으로 Save 버튼을 누르시기 바랍니다. (카카오톡 생겼으니 꼭 집어넣기 바랍니다!!!!)




코드를 복사하시기 바랍니다.




티스토리 블로그 관리에서 HTML/CSS편집 클릭합니다.




제일 하단 </body> 앞부분에 붙여넣고 저장 버튼을 클릭합니다.



애드디스 분석 자료 활용방법



애드디스에 로그인하여 Analytics를 누르면 방문객 숫자와 공유 버튼 사용 횟수가 나오며 어느 SNS로 공유되었는지 뜨게 됩니다. 이런 자료를 활용하여 본인의 티스토리 블로그를 홍보해보시기 바랍니다.




카카오 플러스 친구 버튼을 만들어놨습니다. 댓글로 물어보기 힘든 부분은 더욱 편하게 물어보세요! (예, 사진으로 설명해야할 경우)


블로그 꾸미기 관련글

FastBoot 티스토리 서식 활용하기

FastBoot 티스토리 기본 글꼴, 글자크기 설정하기

FastBoot 티스토리 추천 포스트 모듈 추가하기

FastBoot 티에디션으로 티스토리 꾸미기

FastBoot 사이드바 카운터, 방문자 그래프 합치기

FastBoot 상단바 꾸미기

FastBoot 애드디스로 SNS 공유하기 버튼 만들기

FastBoot 상단에 배경 이미지 설정하기

FastBoot 최상단 꾸미기 총정리

FastBoot 상단메뉴 영어에서 한글로 바꾸기

FastBoot 블로그 관리 설정 최적화

FastBoot 1.6.2 설치


도움이 되셨다면 로그인 없이 가능한

아래 하트♥공감 버튼을 꾹 눌러주세요!