2010.09.28 20:46

블로그에 Meebo Bar와 QR 코드, 추천 버튼 적용

어제는 실수로 블로그 스킨을 초기화하는 바람에 예상치도 않은 일이 늘어 버렸다.
이렇게 된 김에 블로그를 새로 정리해 버렸다..

어제 추가한 기능은 추천버튼 고치기.
여러 블로그들을 돌면서 팁을 얻었는데, 참고하고 바로 닫아 버려서 어디서 뭘 참고했는지 기억은 잘 안 난다.



1. 추천 및 공유 버튼

 - 메타블로그 공유 버튼


러브드웹(윤초딩님) 블로그에서 참조. ( http://loved.pe.kr/1027 )
이것 저것 많이 봤는데, 이게 제일 이쁜 듯 +_+
좌측부터 믹시, 올블릿, 블로그코리아, 구글 리더, 이메일 공유 (feedburner), 마이 야후, 트위터, RSS, 다음 뷰
이 김에 rss 피드를 이메일 구독 선택할 수 있게 해 주는 feedburner도 가입을 해 버렸다. ( http://feedburner.google.com )

이전에는 blogplay.com 서비스를 이용했었는데, 
내가 뭘 잘못 했는지, 언제부턴가 말을 안 듣고, 아예 출력조차 되지 않아 아예 코드를 지워버렸다.. -_-
(이 역시도 윤초딩님 블로그 참조: http://loved.pe.kr/entry/Sociable-Plugin )


 - 트위터, 페이스북, 버즈 버튼



이 김에 트위터와 페이스북 공유 버튼도 바꾸어 버렸다. 구글 버즈 버튼도 넣었다. (이건 안 하지만.. ㅋㅋ)
통일감을 주기 위해 큰 박스 타입으로 변경.
더불어 트위터 팔로잉 버튼도 추가.

트위터 버튼 및 위젯 설치: http://twitter.com/goodies
페이스북 버튼 및 위젯 설치: http://developers.facebook.com/plugins


- 추천 버튼 및 위젯



기존에 다음뷰, 믹시 추천 버튼만 가지고 있었는데, 이번에 네이트 블로그독도 추가했다.
다음뷰나 믹시는 티스토리에서 플러그인으로 지원해서 쉽게 사용했는데, 
블로그독은 추천버튼이 있는지도 몰랐다가 이번에 등록했다.

시간이 좀 지나면 배너는 없애고 버튼만 있는 방식으로 바꿔볼까 고민 중이다.



2. 카테고리 글목록 위치 바꾸기

티스토리에서는 일반적으로 본문 뒤에 "동일 카테고리 내의 글목록"이 출력되는데, 
본문 뒤에 추천 버튼이 배열되면 목록 아래쪽에 버튼이 자꾸 들어가서 보기에도 안 좋고 사용성에도 안 좋다.
그래서 찾아 보니 배열 순서를 바꿔주는 스크립트가 있었다.
이 내용은 즐거운하루 블로그에서 참조. ( http://goodlifegood.tistory.com/692#axzz10oznVWfX )



3. QR 코드 적용

요새 대세는 QR 코드.
다음에서 제공하는 QR 코드 생성 모듈을 이용하여 만들었다.
다른 곳에서도 만들 수 있는 곳이 여럿있는데, 
다음 코드로 만드는 게 인터페이스 정리가 잘 되는 것처럼 보여 이걸로 결정했다.
블레이홀릭 블로그에서 참조. ( http://playholic.net/336 )




4. Meebo Bar 적용

어느 블로그인지 모르겠는데, 상당히 fancy한 툴바가 적용되어 있었다.
그림 위에 마우스를 올려놓고 드래그 하면 트위터나 구글 리더, 페이스북을 통해 공유가 가능하고,
아래 쪽 툴바를 통해 트위트, 페이스북, 유투브 등을 접근할 수 있는 것이다.
그게 바로 이 놈.

마우스를 올리면 요렇게 "drag to share"가 뜨고


드래스를 하면 가운데 작은 박스가 생기면서 "drop here"라고 손짓하는. 저기에 올리면 바로 공유가!



그리고 위 스샷에서도 보이지만 채팅기능도 지원한다.
요게 뭐지 하고 찾아보니 바로 Meebo Bar라는 것이였다. ( http://bar.meebo.com/ )

사용법도 참 쉽다.
회원 가입한 후에, 설치할 사이트 주소 적고, 설치 유형 선택하고. 코드만 붙이면 끝.



내 티스토리는 typepad도, wordpress도 아무 것도 아니니 마지막 것을 선택!




툴바 설정 메뉴를 통해 위 스샷처럼 트위터나 페이스북, RSS, Flickr 등의 버튼도 넣을 수 있다. 
나도 그림처럼 설정 해 봤는데 적용은 아직 안 되고 있다. ㅠ
customizing 하는 옵션도 여럿 적용하고 있었다.


뭐 이건 나중에 시간 있을 때 천천히 적용해 보도록 하고..



일단은 이 정도로 리뉴얼 마무리 끝!

(다음에는 2달 전에 가입만 해 놓고 아직 적용하지 않은 disqus를 적용해 볼 차례...)


블로그 글이 맘에 드시면 추천이나 댓글 부탁드려요!
Trackback 0 Comment 2
  1. 2011.05.24 10:42 address edit & del reply

    비밀댓글입니다

    • Favicon of http://gp.pe.kr BlogIcon 지피군 2011.05.24 11:01 신고 address edit & del

      네이버 블로그에서도 css 수정 가능한가요?
      네이버 블로그는 안 써봤지만.. 제가 알기로는 지원을 안 하는 것으로 알고 있는데요...;



티스토리 툴바