-
【블로그】간단한 코드 추가로 공유 활성화 해보자! - AddThisTIP&정보/블로그 운영 2013. 12. 7. 16:23
처음엔 주로 개인의 기록과 해외생활 넋두리의 목적으로 블로그를 시작했다.
해외 일본 생활이 4년 정도 되자, 한국이 그리웠고 한글이 그리웠다. 그래서 블로그를 하면서 서로 이야기를 공유하고 싶었고 공감하고 싶었다.
블로그를 시작한지 반년이 지난 지금, 지난 글에서도 밝혔지만 난 몹시 만족하고 있다. 좋게 봐주신 모든 분들께 감사할 따름이다.
처음엔 블로그를 가꿀 줄 모르고, 그냥 있는 그대로 사용했었다. 그러다가 다음뷰를 알고 애드센스, 위젯, 디자인, 검색 등록 등을 알아가면서 블로그를 수정해왔다.
아직도 서투르기만 하지만, 조금씩 조금씩 블로그 운영에 도움이 되는 기능을 추가하고 있다.
그리고 이번에는, AddThis 를 추가하기로 했다!
먼저 AddThis기능에 대해 설명하자면, 요즘 인기 SNS인 페이스북, 트위터, 구글+ 등에 쉽게 공유가 가능한 SNS 공유버튼을 손쉽게 추가해 준다.그 중에 AddThis Smart Layers를 이용하면 블로그에 떠다니는(플로팅) 공유 버튼을 간단히 소스 하나 추가하는 것으로 좌측에 공유버튼 이에외도
Follow 기능, 추천 글 등의 기능을 우측 상단, 우측 하단 등에 간단히 추가할 수 있게 해준다.
그럼 Smart Layers 에 있는 대표적인 4가지 기능에 대해 알아보자.
*Follow : 각종 SNS 팔로우 버튼이 우측 상단에 추가된다.
현재 페이스북, 트위터, 링크드인, 구글플러스가 지원되며, 자신의 계정을 입력하여 인증받으면 추가할 수 있다.*Share : SNS 플로팅 공유 버튼을 좌측/우측에 추가할 수 있다.
설정의 Position에서 Left(좌)/Right(우) 선택 및 Buttons에서 버튼 수를 1~6개까지 선택하고 변경할 수 있다.*What's Next : 팝업 형식으로 블로그 추천 콘텐츠를 우측 하단에 표시해 준다. PC와 테블릿에서만 표시되며, 현재 모바일은 지원하지 않는다.
*Recommended Content : 블로그 내 4개의 추천 콘텐츠를 블로그 최하단에 표시해 준다. 블로그 최하단 4개씩 추천 콘텐츠를 보여줍니다.
위의 원하는 설정을 한 뒤, More Options에서 테마 및 프로필 설정까지 마쳤다면 [Generate Code] 버튼을 클릭해서 코드를 생성합니다.
발급받은 코드를 [Grab It] 버튼을 이용해 복사하고, 티스토리 관리 페이지의 HTML/CSS 편집에서 </body> 를 검색하신 뒤 바로 위에 붙여넣기 하면 끝!!
스마트 레이어는 자동으로 지정된 장소에 넣어주기 때문에 <body> 부분 소스 내에 입력해주면됩니다. 저는 알기 쉽게 새로 추가한 기능들은 </body> 바로 위에 넣는다.
다음에 작업할 때 더 쉽게 알아볼 수 있도록 <!-- AddThis Smart Layers --> 와 같은 주석을 넣어두면 좋다. ※ 기본 소스에 주석이 제공된다
<블로그 상단/좌측 Share 플로팅 버튼>
<블로그 하단 추천 Recommended Content>
적용이 된 시아아빠의 일본생활 블로그 메인!
처음에 추천콘텐츠 기능인 왓츠넥스트 등이 표시되지 않아서 알아봤더니 Smart Layers를 적용하고 나서 24시간 정도가 지나야 보여진다고 한다.
저는 한 두시간 정도 지나니까 표시되긴 하는데, 제 기능을 하고 있는거 같지는 않네요 ㅎ 정상 적용까지 조금 시간이 걸리는 모양이에요.
앞으로 좋은 글, 맘에 드는 글이 있으시면 공유 많이 부탁드려요~~ ^^
재미있게 읽으셨다면 로그인도 필요없이 아래 손가락 눌러주세요~!
'TIP&정보 > 블로그 운영' 카테고리의 다른 글
【블로그】책 리뷰 포인트로 공짜로 읽자! - 인터파크 북피니언 활용하기 (5) 2013.12.11 【애드센스】모바일 배너 320x100 출시! (8) 2013.12.10 【블로그】티스토리, 네이버 검색 등록 하기! (4) 2013.12.03 [다음뷰]회고전 - 2013년을 돌아보며 (8) 2013.11.25 【웹로그】캐나다 토론토에서 왜 내 블로그가?? (5) 2013.10.15 댓글
