이스토리랩의 마이픽업 이야기 :: 마이픽업 블로그 위젯 설치하기

myPickup 이야기/마이픽업 소개2010/03/22 17:15

마이픽업 블로그 위젯 설치하기

+ 마이픽업 바로가기 http://mypickup.kr

+ 나의 마이픽업 계정 http://mypickup.kr/@트위터 ID

■ 마이픽업 블로그 위젯 설치 방법은?

[티스토리 블로그]

var fn = 'default'; // RT 디자인

var username = 'Twitter username';

var hosturl = 'Blog 고유주소'; ※ 주의 사항 Blog 고유주소를 넣을때는 하위 경로까지 넣으면 안됩니다.

var url = hosturl+('[샾샾_article_rep_link_샾샾]');

var title = ('[샾샾_article_rep_title_샾샾]').replace('"','');

_rt(fn, username, url, title);

</script>

</div>

- RT 디자인 : 이후 디자인을 다양하게 지원할 계획입니다. 지금은 Beta 버전이기 때문에 default로 그대로 둡니다.

- Twitter Username : 블로그 운영자의 트위터 ID를 넣습니다. 만약 계정이 없다면 비워두면 됩니다.

- Blog 고유주소 : 자신의 블로그 주소를 넣으면 됩니다. 블로그 주소는 필수항목입니다. 그래야 트위터에서 자신의 블로그 포스팅으로 들어올 수 있습니다.

※ 주의 사항 : Blog 고유주소를 넣을때는 하위 경로까지 넣으면 안됩니다.

소스 다운 로드 :

트위터to블로그위젯_여러포스트용_수정2010041.txt

[강팀장 블로그(www.ebizstory.com)에 실제 적용한 모습]
한 페이지에 하나의 포스트가 나오기 때문에 소스가 간단합니다. ^^

<티스토리에 간편하게 설치하는 방법>

1) 스킨 → HTML/CSS 편집 → 포스트본문 내용이라는 타이틀 찾기

2) 포스트 본문 내용 바로 아래 마이픽업 블로그 위젯 소스 넣기

3) 트위터 ID와 블로그 주소를 정확하게 입력하기

4) 저장 완료하면 마이픽업 블로그 위젯이 각 포스팅마다 다음뷰 박스처럼 설치됩니다^^

<블로그 위젯 간편버전 소개>

블로그 위젯의 핵심 부분인 트위터 알리기 버튼, 방문자 수 창만을 사용하고 싶으시면

간편 버전을 설치하셔도 됩니다^^

블로그 위젯 소스에서

var fn="default"; ▶ var fn="table_s";

로 변경하시면 최소사이즈로 사용할 수 있습니다^^

[텍스트큐브 용]

<div align=center>

<script src='http://2u.lc/packer/js/rt.js/default/'></script>

<script>

var rt = 'table'; //RT 디자인

var username = 'username'; //Twitter username

var url = ('[샾샾_article_rep_link_샾샾]').replace('"','').split(' ',1);

var title = ('[샾샾_article_rep_title_샾샾]').
replace('"','') ;

_rt(rt, username, url, title);

</script>

</div>

소스 다운 로드 :

텍스트큐브용_수정20100413.txt

[제로보드 XE 용]

<div align=center>

<script src='http://2u.lc/packer/js/rt.js/default/'></script>

<script>

var rt = 'table'; //RT 디자인

var username = 'username'; //Twitter username

var url = document.location.href;

_rt(rt, username, url, title);

</script>

</div>

제로보트 XE 관리자로 들어가서 애드온에서 위 소스를 하단에 붙이시면 됩니다.

왼쪽메뉴에 기능설정 > 애드온을 클릭하시면 애드온 항목이 있는데
여기서 게시글 추가 내용 출력 항목에서 [설정]을 클릭합니다.

Pop-Up이 나오면 게시물 본문 하단 내용 입력 부분에 위 제로보드 XE용 스크립트를 추가하고
[적용하기]를 클릭하시면 쉽게 해결 됩니다.

적용 예 사이트는 http://eventful.co.kr/shopColumn/5629 에서 보시면 됩니다. ^^

화면 캡처 받아주신 @lee_sang (http://eventful.co.kr)님께 감사드립니다. ^^

[Wordpress 용]

<div align=center>

<script src='http://2u.lc/packer/js/rt.js/default/'></script>

<script>

var rt = 'default'; //RT 디자인

var username = 'username'; //Twitter username

var url = <?php the_permalink(); ?>;

var title = <?php the_title(); ?>

_rt(rt, username, url, title);

</script>

</div>

wordpress용.txt

워드프레스용으로 컨스텀 마이징을 해 주신분은 Blurblah님입니다. (http://blurblah.net/)

직관에 존해 wordpress에 mypickup 설치하기 http://blurblah.net/archives/96

도움을 주신 Blurblah님에게 감사합니다. ^^

위젯 크기가 크시다구요? 작은 위젯 설치도 지원 됩니다.

작은 위젯은 var rt = "table_s"; 로 설정하시면 됩니다. ^0^

작은 위젯 소스 자세히 보기 => http://2u.lc/EI4

위에 소개한 해외 블로그 위젯과 수정사항 등을 공유합니다. ^^
(아래 더보기 목록을 펼쳐서 확인하시기 바랍니다^^)

더보기
사이트 주소는 http://backtype.com

설치 방법 :

긴버튼형 - Rukxer 님의 트위터로 글 보내는 리트윗 버튼, Backtype 달기 : http://rukxer.net/2461102

버튼형 - 서울비님의 티스토리 블로그에 Retweet 버튼 달기 예시 : http://seoulrain.net/1412

덧붙임말 :

버그 관련 보고를 해 주신분이 계시더군요. ^^

위 위젯은 스크립트 방식입니다. IE6 버전에서 깨짐 현상이 있더군요. 아무래도 CSS쪽 문제인것 같습니다. ^^
한번 더 고민해보고 해결 방법을 찾아보겠습니다.

잘 안되면 그냥 Flash 방식으로 쓰기 쉽게 만들어 보겠습니다. ^^

화이팅~~ 입니다.

덧붙임말 (2009.11.27):

블로그 갯수마다 다른 소스를 이용하도록 한 방식에서 통합 방식으로 소스를 변경했습니다. ^^

트위터 방문자(twt visitors)가 상위 도메인 접근에 따라 다르게 나오시던 분들은
통합 소스를 사용하면 제대로 됩니다.

'myPickup 이야기 > 마이픽업 소개' 카테고리의 다른 글

마이픽업 서비스 도움말 FAQ (17)	2010/04/08
블로그에 마이픽업 리스트 위젯을 달아보세요^^ (8)	2010/03/30
마이픽업 블로그 위젯 설치하기 (29)	2010/03/22
마이픽업 서비스 소개/마이픽업이란? (4)	2010/03/12
북마크 서비스와 나만의 웹도서관, 마이픽업 (0)	2010/03/09
마이픽업의 Short URL 서비스 (0)	2010/03/09

Posted by 강팀장

TAG 2u.lc, backtype, retweets, twitter, 강팀장, 블로그 위젯, 조실장, 트위터, 픽업

Trackback 4 Comment 29

TRACKBACK http://www.estorylab.com/trackback/18

러브드웹의 생각 삭제
2010/02/03 19:23TRACKBACK FROM lovedweb's me2DAY
RT hanjum2님 블로그의 글을 트위터에 알리는 방법! 위젯을 달아보세용^^ http://2u.lc/1Vt
마이픽업 위젯, 블로그와 트위터 환상적인 만남!! 국내최초 SNS 콘텐츠 유통 도구 - 1편 삭제
2010/04/05 09:02TRACKBACK FROM 2proo Life Story
마이픽업 위젯, 블로그와 트위터의 환상적인 만남!! 국내최초 SNS 콘텐츠 유통 도구 - 1편 Twitter : Social Networking Service (SNS) 블로그와 트위터의 경쟁이 아닌 공생 작년에 강팀장님이 주관한 블로그 포럼 2009의 주제는 블로그와 트위터중 누가 더 오래갈까 였습니다. [BLOG, Homepage] - 블로그포럼 2009, 블로그 vs Twitter 누가 더 오래갈까? 블로그 포럼에 많은 분들이 참여하여 다양한..
블로그필수 트위터 트윗과 북마크를 한번에 SNS 유통 도구 마이픽업 북마클릿, 리트윗 위젯 설치 사용법 삭제
2010/04/07 18:18TRACKBACK FROM 러브드웹의 인터넷이야기
트위터에 관련된 글과 트위터 관련 클라이언트등의 사용법에 관한 글을 쓰면서 가끔씩 소개를 드렸던 마이픽업(My PickUP)이라는 서비스가 있습니다. 개인적으로 아주 좋은 서비스라고 생각이 되어 트위터를 이용하면서 트위터와 연동되는 마이픽업(My PickUP)을 상당히 많이 사용을 하고 있습니다. 트위터와 연동이 되는 서비스로 트위터 계정이 있어야 하며 현재 마이픽업(My PickUP) 사이트는 별도의 회원가입 무료로 사용을 할수 있습니다. 마이픽업..
열정우야의 생각 삭제
2010/05/08 00:48TRACKBACK FROM cow2225's me2DAY
역시 시험을 앞두고는 공부빼고 모든게 재미있당 내 티스토리에 마이픽업 적용~ㅋ RT mypickup님: 마이픽업 블로그 위젯 설치하기 http://2u.lc/9n

댓글을 달아 주세요

링고

안녕하세요. 메타 블로그에서 글을 읽다가 여기까지 찾아왔습니다.
다른 분이 마이픽업 위젯을 달아놓으셨는데, 그걸 발견한 것이 계기가 되었습니다.

마이픽업의 설치 방법을 알아보니 자바스크립트만 지원했었군요.
현재 제가 사용하는 블로그는 자바스크립트가 지원되지않아 제 블로그에서 위젯설치는 어렵겠군요.

비록, 제 블로그에 사용할 수 없다는 점이 가슴 아프지만 앞으로도 이런 서비스가
많이생겨서 사람들의 트위터 사용에 도움이 되었으면 좋겠습니다.
2010/03/23 13:44 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  현재는 자바스크립트만 지원되고 있습니다^^
  하지만 앞으로 더 많은 블로거분들, 트위터리언들이 사용하실 수 있게 개선될 예정입니다^^
  관심 갖고 지켜봐 주세요^^
  
  아 그리고 트위터 하는 분이시라면
  지금 마이픽업 팔로 이벤트에 참여해 보세요^^
  http://event.2u.lc
  
  아이패드, 아이폰 등 경품이 푸짐하답니다^^
  2010/03/23 13:51 [ ADDR : EDIT/ DEL ]
서민당총재

아... 다음뷰와 같이 본문에는 들어갈 수 없나보네요.. 0ㅁ0;;
소스부분을 어캐수정해서 넣으시는 분들이 있는거 같은데 전 아직까지 못하겠습니다. ㅠ,.ㅠ
2010/03/27 15:45 [ ADDR : EDIT/ DEL : REPLY ]
- 강팀장
  
  블로그를 어떤 것을 사용하시나요? ^^
  
  블로그에 따라서 조금 다른 긴 합니다만.. 티스토리를 기준으로 말씀 드리면...
  
  관리자 > 스킨 > HTML/CSS편집 > skin.html 내에 본문영역 하단에
  해당 소스를 수정해서 넣어주시면 됩니다. ^^
  
  혹시나 잘 안되시면... 댓글로 다시 한번 말씀 주세요~ ^0^
  2010/03/29 14:35 [ ADDR : EDIT/ DEL ]
- 서민당총재
  
  아! 지금은 티스토리를 사용중입니다.
  본문컨텐츠의 하단 부분에 놓으면 다음위젯바로 밑에 나오지 않고, 관련글 밑에 나오서 약간 안타깝네요 ㅠ,.ㅠ
  
  직접수정하시는 분들은 본문영역에 멋지게들 넣으시던데 ㅠ,.ㅠ
  
  담뷰 플러그인과 믹시 플러그인 중간이라던지 말이죠 ^ ^
  2010/03/29 20:50 [ ADDR : EDIT/ DEL ]
- 이스토리랩
  
  HTML 고수님들은 위젯을 원하는 위치에 달아 사용하시는 분들이 많으시더군요^^
  아마도 강팀장님(@ebizstory)께 말씀 드리면 서민당총재님이 놓고 싶은 위치에 제대로 안착시켜 드릴겁니다^^
  한번 문의해 보세요^^
  
  아참 그리고 위드블로그 리뷰 이벤트에도 참가하셨던데
  관심 가져 주셔서 감사합니다^^
  베스트로 선정되시길 바랄께요~^^
  2010/03/31 15:11 [ ADDR : EDIT/ DEL ]
red

혹시나 싶어 티스토리용 소스로 적용해보니 위젯은 보이는데....
역시나군요.....--
아, 소외된 다음.....ㅜㅜ
2010/04/02 10:41 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  다음 위젯뱅크에 등록되면 그때 재빠르게 알려드릴께요^^
  기다려 주세요^^
  2010/04/02 13:46 [ ADDR : EDIT/ DEL ]
2proo

진즉에 달아둘껄 그랬습니다. ㅎㅎㅎ
고생많이 하셧겠어요~ 화이팅입니다!!
2010/04/05 09:04 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  고생은요^^
  써보시고 미흡한 점 있음 말씀 주세요^^
  2010/04/05 14:00 [ ADDR : EDIT/ DEL ]
비밀댓글입니다
2010/04/07 23:45 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  안녕하세요~
  개발실장님께 여쭤보고 확인해 보겠습니다^^
  쬠만 기다려 주세요^^
  2010/04/08 11:09 [ ADDR : EDIT/ DEL ]
- 이스토리랩
  
  리네님~
  저희 개발팀에서 확인해서 수정했답니다^^
  블로그 위젯 확인해 보세요^^
  그리고 사용하시다 문의사항이나 요청하실 내용 있으심 연락주세요^^
  2010/04/08 15:59 [ ADDR : EDIT/ DEL ]
- 리넨
  
  네, 이제 잘나오네요. 감사합니다
  2010/04/08 23:14 [ ADDR : EDIT/ DEL ]
썬쎗

저도 위젯뱅크에서 설치해야할 듯 싶어요^^; HTML은 완전 하나도 모르거든요^^;
위젯뱅크에 달리는 순간 트위터 맨션 휘리릭 날려주세요!
2010/04/09 10:09 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  저도 개발자가 아니라 HTML은 잘 몰라서
  개발실장님께 조르고 있답니다~
  위젯 얼렁 만들어 달라구요^^
  
  다읍 위젯뱅크에 위젯 등록되면 후다닥 말씀 드릴께요^^
  2010/04/13 10:20 [ ADDR : EDIT/ DEL ]
LiveREX

이제야 위젯을 달았네요~ ^^ 멋집니다 ㅎㅎ 잘쓸게요~~
조금 더 작게 버튼형으로도 하나 부탁드리면 욕심인가요? ^^;;

[추가] 몇몇 글들에는 위젯이 보이지 않길래 살펴보니.. 포스트 제목에 '' 등과 같이 따옴표가 들어가면 위젯이 보이지가 않네요~ 저만 그런건지 ^^;;;
2010/04/12 17:35 [ ADDR : EDIT/ DEL : REPLY ]
- 강팀장
  
  의견 감사합니다. ^^
  
  아직 마이픽업이 베타기간입니다. 아직 발전해야 할 모습이 너무나 많아요. ^^
  
  1. 작은 위젯은 지금 작업중에 있어요. 시간이 조금 오래 걸리고 있긴 한데... 조금만 더 기달려 주시면 좋겠어요~
  
  2. 버그를 이렇게 찾아주셔서 너무 감사합니다. ^^
  말씀해 주신 " 부분을 처리하도록 수정을 했답니다. ^^ 위에 소스를 다시 한번 받아서 설치해 주시면 해결 될 것 같은데....
  
  그럼.. 오늘도 화이팅 하시구요~~ 아자아자~!!
  2010/04/13 11:05 [ ADDR : EDIT/ DEL ]
LiveREX

음.. 추가해 주신걸로 다시 테스트했는데요~~ ^^
여전히 잘 안되네요..ㅠㅠ
대표적으로 아래 주소와 같은 포스트의 타이틀처럼 '~~' 가 포함되니 아래 위젯이 ㅠㅠ
귀찮게 하는듯하여 죄송합니다 ^^:;;

http://liverex.tistory.com/490 <- 안보이는 경우
http://liverex.tistory.com/535 <- 보이는 경우
2010/04/13 15:39 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  개발실장님께 말씀 드렸구요
  문제점에 대해서 답변 주실 예정이십니다~
  
  아직 베타기간이라 불안한 경우가 많으니
  문제 생길때마다 말씀 주세요^^
  그게 저희가 발전하는 지름길 이랍니다..^^
  
  점점 나아지는 모습 보여드리겠습니다~^^
  2010/04/19 12:27 [ ADDR : EDIT/ DEL ]
yemundang

설치했어요. 음하하!
며칠전부터 이거 설치하고 싶어가지구, 계속 기회를 보다가.. 잠안오는김에 냅따 설치!
강팀장님 작품이군요? 반갑습니다~~~ ^^
2010/04/19 03:34 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  설치하셨나요?
  사용하시다 문제 있음 언제든지 말씀해 주세요~
  적극 A/S 해드립니다..ㅋㅋ
  좋은 포스팅 기대하겠습니다^^
  2010/04/19 12:25 [ ADDR : EDIT/ DEL ]
붕어

네이버 블로그에는 달수가 없나요? 흑흑 한참을 헤맸는데 블로그 포스팅 리트윗은 아직 무리네요 네이버용도 빨리나왔으면 좋겠어요!!!!
2010/05/24 18:42 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  저희도 안타깝게 생각하는 부분입니다.
  네이버 블로그 정책상 현재로선 리스트형 위젯을 제외하곤
  북마클릿 위젯을 달 수 없어요.
  
  마이픽업 북마클릿을 설치해두면
  위젯처럼 트위터에 글보내기가 가능한데,
  이용해 보는 것은 어떯까요?^^;
  2010/05/25 11:02 [ ADDR : EDIT/ DEL ]
친절한선경씨

위젯 우측 트위터 알리기 부분이 깨지는 현상이 있는데 고칠 수 있을까요?
2010/07/29 16:05 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  선경님 안녕하세요~
  깨지는 부분은 저희 개발팀에 얘기해 확인하도록 하겠습니다~
  확인 후 바로 답변 드리겠습니다~
  2010/08/05 14:03 [ ADDR : EDIT/ DEL ]
comment reconquerir son ex

Wow! This could be one particular of the most beneficial blogs We've ever arrive across on this subject. Actually Magnificent. I am also a specialist in this topic therefore I can understand your hard work.
2011/10/10 16:35 [ ADDR : EDIT/ DEL : REPLY ]
1111

네이버블로그는 적용안되나요?
2011/12/27 19:43 [ ADDR : EDIT/ DEL : REPLY ]
- 이스토리랩
  
  안녕하세요~
  네이버는 적용 안되시구요
  대신 브라우저에 설치하시고 사용은 가능하십니다~
  
  네이버에 위젯처럼 사용도 가능하고 휴대폰에서도 가능하도록 지금 리뉴얼 계획을 하고 있는데요 사정이 생겨 실행이 더뎌지고 있답니다^^;;;;;
  
  마이픽업이 더욱 발전하도록 노력하겠습니다^^
  2011/12/28 14:38 [ ADDR : EDIT/ DEL ]