세상에 발자취를 남기다

이전편에서는 소셜 공유 버튼의 각각의 코드를 얻고, 티스토리에 적용을 하는 세부적인 부분부터 다루었습니다. 최종편에서는 지금까지 했던, 페이스북, 트위터, 카카오스토리, 플립보드, 네이버, 밴드, 카카오톡의 이전 코드를 전부 모아서 만든 최종편입니다. 위 이미지와 같이 사용하실 경우, 최종편 소스와 이미지만 다운을 받아서 사용하시면 됩니다. 단, 카카오 버튼의 소스에서 사용하는 자바스크립트는 받아서 사용하는 것이 나을듯 합니다. 티스토리 공유 버튼 무작정 따라 하기 코드, 이미지 다운로드 버튼 이미지 티스토리에 업로드 티스토리 HTML 태그에 적용 위의 차례 대로 무작정 따라 하시면 할 수 있도록 포스팅을 해보았습니다. 1. 코드, 이미지 다운로드 첨부된 소스코드와 이미지를 다운 받습니다. 2. 버튼 이..

Review/Blog Review 2019. 6. 28. 09:00

이제는 FLIPBOARD 공유 버튼을 달아 보겠어요. FLIPBOARD 공유버튼 적용하기 FLIPBOARD 공유 준비 및 코드 획득 이미지 업로드 이미지 버튼 사용을 위한 코드 수정 티스토리 HTML 태그에 적용 위의 방법으로 진행을 하였습니다. 플립보드는 정말 간단하게 할 수 있었습니다. 1. 플립보드 공유 준비 및 코드 획득 플립보드 소셜 플러그인 페이지(click)에 접속합니다. 와~ 제가 원하는 둥근 모양의 이미지를 지원 합니다. 그리고, 공유 script를 지원합니다. 코드는 별도로 변경할 필요가 없을 듯 합니다. 그래도 이미지는 플립보드에서 받아 오는 것이라서 언제 어떻게 될지 몰라서 별도로 올리도록 하겠습니다. 2. 이미지 업로드 - 플립보드 공유 버튼 이미지 추가 저는 둥근 모양의 이미지를..

Review/Blog Review 2019. 6. 27. 10:00

이번에는 네이버와 밴드 공유 버튼을 할 차례입니다. 네이버, 밴드 공유버튼 적용하기 네이버, 밴드 공유 준비 및 코드 획득 이미지 업로드 이미지 버튼 사용을 위한 코드 수정 티스토리 HTML 태그에 적용 네이버와 밴드의 공유는 share url을 이용하여 적용 하도록 하겠습니다. 1. 네이버, 밴드 공유 준비 및 코드 획득 NAVER Developers, BAND Developers 페이지에 접속합니다. 그래서 공유하기 관련 부분을 찾았습니다. 네이버 공유하기 페이지(click), 밴드 공유하기 페이지(click) 이 곳에 접속하시면 됩니다. 접속해서 공유하기 방법에 대해서 보았습니다. 네이버와 밴드 공유하기 버튼을 크기별로 제공하고 있습니다. 접속을 해서 위에 말씀 드렸듯이, 공유 url을 찾아 보았습..

Review/Blog Review 2019. 6. 25. 17:59

이제는 카카오스토리 공유 버튼을 할 차례입니다. 카카오 톡, 카카오 스토리 공유버튼 적용하기 카카오톡, 카카오스토리 공유 준비 및 코드 획득 이미지 업로드 이미지 버튼 사용을 위한 코드 수정 티스토리 HTML 태그에 적용 카카오톡과 카카오스토리는 기존과는 다른 API 제공 방식을 사용하는 듯 하여서, 위의 방법으로 진행을 하였습니다. 티스토리의 다른 포스팅을 보면, 카카오스토리의 경우 공유 url을 사용하여 하는 방법도 있습니다. 코드만 공유하겠습니다. 저는 KaKao Developers에서 개발 가이드 해주는 부분으로 진행을 하였습니다. 1. 카카오톡, 카카오스토리 공유 준비 및 코드 획득 카카오 Developers 페이지에 접속합니다. 그래서 API 관련을 찾았어요. 카카오스토리 공유하기 페이지 이 ..

Review/Blog Review 2019. 6. 24. 18:00

블로깅을 해서 글을 Facebook 계정에 공유 하기 위한, 공유 버튼을 달아보았습니다. 이번에는 Twitter 계정에 공유 하기 위한, 공유 버튼을 달아보겠습니다. 순서는 지난번과 같은 방법으로 진행을 하면 될 듯합니다. SNS에서 제공하는 버튼 사용 시 SNS 공유 코드 획득 티스토리 HTML 태그에 적용 별도의 이미지 버튼을 사용 시 SNS 공유 코드 획득 이미지 업로드 이미지 버튼 사용을 위한 코드 수정 티스토리 HTML 태그에 적용 위의 두 가지 방법이 있습니다. 저는 두 번째 방법을 사용하였습니다. 1. SNS 공유 코드 획득 - Twitter 공유 버튼 코드 획득 트위터 공유 버튼을 얻기 위해서 twitter developer에 방문을 하였습니다. 짧은 영어 실력으로 버튼 소스 코드를 찾아보..

Review/Blog Review 2019. 6. 22. 18:00

블로깅을 해서 글을 Facebook 계정에 공유하기 위한, 공유 버튼을 달아보았습니다. 공유 버튼을 달기 위해서 많이 여기저기를 찾아보았습니다. 어렸을 때는 죽어라 공부를 안 했었는데, 지금은 나름 원리를 알고 이해를 하려고 노력하는 거 같습니다.ㅎㅎ 그래서 제가 내린 기본 방법은 각 소셜 업체에서 지원하는 부분을 따르는 것이었습니다. SNS 공유 버튼을 추가하기 위한 절차를 우선 말씀드리겠습니다. SNS에서 제공하는 버튼 사용 시 SNS 공유 코드 획득 티스토리 HTML 태그에 적용 별도의 이미지 버튼을 사용 시 SNS 공유 코드 획득 이미지 업로드 이미지 버튼 사용을 위한 코드 수정 티스토리 HTML 태그에 적용 위의 두 가지 방법이 있습니다. 저는 두 번째 방법을 사용하였습니다. 1. SNS 공유 ..

Review/Blog Review 2019. 6. 21. 12:00

'세상에 발자취를 남기다.' 꽁냥이가 세상에 살아가면서 겪는 수많은 경험들을 기록하는 곳으로 저의 발자취(경험)를 세상에 남긴다는 의미를 가지고 블로그 이름을 정했습니다. 세상에는 하고 싶은 것, 보고 싶은 것, 먹고 싶은 것 등 너무 많은 것 같습니다. ㅎㅎㅎ 어제부터 진행했던, 스킨 변경을 드디어 티스토리에서 제공하는 Magazine 스킨으로 정하여 변경했습니다. 아직 스킨을 변경하고, 원하는 부분들을 세세하게 수정하지는 못 했지만, 겨우 마음에 드는 스킨으로 옷을 갈아입었습니다. 기존에는 Square 반응형 스킨을 사용했었습니다. 티스토리 스킨 변경 후보 반응형 스킨이며 커버가 지원되고, 모바일로 봤을 때, 보기 편한 것으로 교체를 하려고 했습니다. 그래서 티스토리 스킨을 찾아보았습니다. 제가 생각..

Review/Blog Review 2019. 6. 14. 06:00