본문 바로가기

Notice

Addthis Smart Layer를 설치했습니다.

거진 일주일만에 접속해서 블로그 유지보수에 여념이 없습니다.ㅎㅎ; 작동조차 안되는 디스커스는 폐기 처분 해버렸고 대신에 애드디스 스마트 레이어를 추가했습니다. 올해 7월 부터 새로 지원하는 서비스 인데, 굳이 코드를 몰라도 쉽게 자신의 사이트를 소셜 네트워크와 연동시키고 사람들이 더 많은 글을 볼 수 있게 만들어주는 기능입니다.


적용 부분은 블로그 화면 맨 왼쪽에 공유버튼과 화면 오른쪽 아래의 팝업, 그리고 페이지 맨 아래쪽의 추천 게시글입니다.



공유버튼공유버튼


추천 게시글 팝업추천 게시글 팝업 (아직까지는 작동이 영 시원찮습니다.)


공유 팝업공유 팝업


추천게시글 리스트추천게시글 리스트


보통 일반적인 소셜 연동서비스가 디자인이 구린편인데 그에 비해서 애드디스는 디자인이 깔금해서 좋은 것 같습니다. 다만 추천 게시글 부분에 배경색을 못 바꾼다는 점은 살짝 거슬리는 부분이네요.


그 이외에는 전반적으로 마음에 듭니다.

  • by 몽키호테 2013.10.06 23:46 신고

    스마트레이어 설치에 대해 검색하다 여기까지 왔습니다.
    블로그가 무척 깔끔하시네요ㅋ멋집니다.
    다름이 아니라 블로그 왼쪽의 공유버튼의 디자인이 스마트레이어에서 기본 제공하는 디자인이 아닌 점이 특이 해서요. 직접 바꾸신건가요?.,..어떻게 바꾸신건지 여쭤봐도 실례가 안될지 모르겠습니다. 저도 이렇게 깔끔한 블렉으로 달아놓고 싶어서 말이죠^^;;

    • Estoque 2013.10.07 18:00 신고

      ㅎㅎ 감사합니다. 스마트레이어에서 기본 제공하는 버튼을 안 쓰는 방법은 css로 오버라이드를 하시면 됩니다.

      즉, 무적의 !important를 이용하면 되는 것이죠 ㅎㅎ

      댓글로는 설명드리기가 좀 복잡한데 소스 보기를 하면 공유버튼의 css가 이런 형식으로 뜹니다.

      .addthis_32x32_style .at15nc.at15t_facebook {

      }

      이 클래스 값을 그대로 복사해서

      .addthis_32x32_style .at15nc.at15t_facebook {
      background: url(./images/add_this_facebook.png) no-repeat !important;
      }

      이렇게 지정해주시면 원하는 이미지로 바뀝니다.

      주의 하실점은 div 사이즈가 고정이기때문에 32x32로 아이콘을 만드셔야 합니다. ^^

  • by 몽키호테 2013.10.08 16:07 신고

    음..역시 .어렵군요;;ㅋㅋ html코드수정에 들어가서 css영역을 건드려야 하는게 아니었나봐요;;;;

    설명해주신 코드를 붙인다는게 웹브라우저 상에 보이는 왼쪽의 스마트 레이어에 마우스를 데고 오른쪽 버튼을 눌러 '요소검사'를 하고 아래에 뜨는 코드를 수정하란 말씀...맞나요?^^;;;;;;;;;

    • Estoque 2013.10.09 01:47 신고

      티스토리 스킨 수정에서 css란에 붙여 넣으셔야 합니다. ^^;

      이해를 잘 못하시는것 같아서 제가 나중에 강좌를 따로 올리도록 하겠습니다. ㅎㅎ

      (사진이라도 있으면 설명이 더 쉬울텐데 포스팅으로 보완을 해야겠내요 ^^;)