웹페이지 프린팅, 문서 링크 까지 'addthis' 버튼 설정

 

SNS팔로우 위한 플랫폼을 소개합니다. 간단한 소스 삽입으로 웹사이트에서 보이지 않던 링크버튼이 나타나게 될겁니다.

 

 

 

웹페이지 글을 외부로 보내기 위한 공유버튼 설정하는 방법을 알아봅니다. '애드디스(https://www.addthis.com/)'방문을 통해 해결 할 수 있습니다. 티스토리의 경우 외부로 발행되는 링크버튼의 종류가 매우 적고 디자인도 그저그래서 새롭게 날개를 달아봤습니다.

 

 

처음 애드디스 홈페이지에 접속하면 나타나는 페이지 입니다.

 

 

 

 

무심히 넘어 갈 수 있는 그림인데요. 

저도 혼돈했습니다. 스마트폰 설정하는

것으로 이 그림 아래에 있는 웹사이트

설정으로 가셔야 합니다.

 

 

 

 

'Free Website Tools' 확인하시고 선택

합니다. 그래야 PC버젼으로 적용됩니다.

 

 

 

 

'Share Buttons' 선택하고요

 

 

 

 

위와 같은 페이지가 오픈되면, 상단에

PC버젼, 모바일버젼 아이콘이 보여요.

참고하시고요. 이후 왼쪽 메뉴들 가운데

저는 맨위에 것을 선택했네요. 이후

맨 아래 Continue버튼 클릭

 

 

 

왼쪽에 첫번째 옵션 말고 아래 두번째

옵션 Selectied by You을 선택합니다.

 

 

 

 

자신이 원하는 대로 선택하고 링크

버튼을 활성화 할 수있습니다. 왼쪽

활성화된 링크를 마우스로 잡고 위로

아래로 올리면서 위치 조정하면 바로

반영되어 옆에 책꼬리표 처럼 볼 수

있습니다. 주의할 것은 맨 아래 주황색

Addthis버튼을 제거하게 되면 자신의

웹페이지에 아이콘들이 꽉차게 나오거나

성가실 수 있습니다. 5개 전후로 사용할

경우에는 없애도 괜찮을 듯하네요.

 

 

 

 

바로 위에 설명했듯, 문제의 페이지를

만들어봤습니다. 이건 아닌듯 합니다.

계속 해보겠습니다. 왼쪽 Activate Tool

파란 버튼을 눌러 적용합니다.

 

 

 

 

 

 

번역기를 돌려봅니다. 익숙하지 않은

전문언어들이 설정에 문제가 되면

곤란하니까 번역기 돌려가며 세팅

해도 좋을 듯합니다. HTML 웹 사이트

위치 확인하시고요. 자신이 WordPrss

사용할 경우 이동하셔야 합니다.

 

 

 

 

좀 더 내려오면 코드설치 보입니다.

거의 다 되어갑니다.

 

 

 

 

소스입력을 해야하니 카피하기 전에

번역기 원문으로 바꿔놓고요. Ctrl+C

 

 

 

 

제 웹페이지 티스토리 입니다. 왼쪽

메뉴보시면 Html 소스 입력할 수 있는

곳으로 이동할 수 있는 버튼이 

꾸미기 항목의 '스킨편집'입니다.

 

 

 

 

오른쪽 상단에 조그마한 썸네일사진이

있는 아래 Html편집 버튼 클릭하고요

 

 

 

 

애드디스에서 복사해온 소스를 바디태그

사이에 넣습니다. 저는 거의 끝부분에...

 

 

 

 

반영된 모습 보겠습니다. 웹페이지

위에서 아래 끝까지 아이콘이 나열

되었네요. 이건 아닌거 같죠. 정리

들어가보겠습니다. 나중에 멋진 링크

들이 개발되어 추가해야 하고 없는

것은 삭제해야 되니 공부해 봅니다.

 

 

 

 

이 부분에서 꼭 필요한 것들만 선택

합니다. 그리고 도구 활성화 버튼 클릭

 

 

 

 

이 페이지에서 '내 기존 도구 편집'

버튼 누르시면 앞서 작업한 내용을

볼 수 있습니다. 그곳에서 삭제하고

다시 생성해도 됩니다. 또한 소스는

동일하니 자신의 웹페이지에서 수정

하거나 삭제할 필요는 없습니다.

 

 

 

 

이곳으로 이동하게 되는데 '플로팅'

이라는 게 보입니다. 이곳에서 녹색

버튼을 누르면 삭제됩니다. 이후 새로

링크버튼 생성하면 되고요.

 

 

 

 

이렇게 정리하면 지금의 제 웹페이지^^