SNS 서비스/트위터2010.07.03 07:20
 

■ 트위터 위젯 4종세트 소개및 설치


트위터에 가입한후 티스토리 같은 설치형블로그에서는 다양한 트위터 위젯을 설치할수 있습니다.
트위터 위젯은 자신의 트위터에 바로 접속을 하거나 트위트의 내용을 블러그에서 바로 볼수 있는 기능, 그밖에 다양한 기능들이 있는 위젯들이 있습니다. 많이들 사용하는 대표적인 트위터위젯 4가지를 모아서 봤습니다. 아래의 내용을 참고하셔서 입맛에 맞게 선택하시면 됩니다. 




1. 위자드 팩토리 트위터 위젯 
 
- 설치위치 : 사이드바
- 설치가능한 블로그 : 티스토리,이글루스,네이버설치 가능

위자드 팩토리 트위터 위젯 [바로가기]

- 코드생성하는방법



1. 사이드바 가로와 세로크기를 입력해줍니다.
2. 트위터 userrname을 입력해줍니다.
3. 원하는 배경을 선택해줍니다.
4. 자신의블로그에 맞는 퍼가기버튼을 누릅니다.( 티스토리는 위젯퍼가기)
5. 비회원코드생성을 누르신후 코드를 복사하시면됩니다.

- 티스토리에 위자드팩토리 트위터위젯  설치방법


 블로그관리 > 스킨 > 사이드바설정해서 아래의 그림처럼 해주시면됩니다.  




2. Twitter Goodies


위자드팩토리와 비교하자면 디자인은 조금 투박하지만 세로 트위터 글시길이를 마음대로 조절할수 있어서 편한것 같습니다.

- 설치위치 : 사이드바
- 설치가능한 블로그 : 티스토리외에 설치형블로그만 가능

Twitter Goodies 위젯 [바로가기]

- 코드생성하는방법

1. My Website > Profile Widget으로 접속 합니다.



2. Settings에서 트위터 Username을 입력해줍니다.


3. Preferences > Number of Tweets에서 블로그에 나올 트윗의 갯수를 정해줍니다.



4. Appearance 에서 위젯의 색상을 변경해주시면 됩니다.


5. Dimensions에서 위젯크기를 autowidth로 설정해주시면됩니다.


6. 모든설정이 끝나고나면 제일 하단에 Finish & Grab Code를 누르시고 코드를 복사하면 됩니다.


- 설치방법은 1번의 위자드팩토리 트위터위젯 설치방법을 참고하시면 됩니다.




3.
스크롤바 트위터 위젯 go2web20

스크롤바 트위터 위젯인 go2web20은 익스플로러 6.0에서 호환되지 않습니다.

스크롤바 트위터 위젯 [바로가기]

- 코드생성하는방법


1. 트위터 Username을 입력합니다.
2. 사이드바의 LABEL모양을 선택합니다.
3. 위젯의 색상을 선택하실수 있습니다.
4. 스크롤봐 위치를 왼쪽,오른쪽을 선택할수 있습니다.
5. 스크롤봐의 높이를 조정할수 있습니다. 
설정이 끝나고 Update Code를 눌러서 코드를 복사해주시면 됩니다.

- 스크롤바 트위터 위젯 설치하는 방법


html/css편집 skin.html에서 </body>위에 생성한 코드를 복사해주고 저장해주시면 됩니다.




4. 블로그 하단에 위젯 위비야


블로그하단에 긴가로바형태로 트위터외에 채팅,동시접속자표시등 다양한 위젯이 있어서 편리한 위젯이지만 go2web20과 마찬가지로 익스프로러 6.0이 호환하지가 않습니다.

- 코드생성하는방법

1. 아래의 내용을 참고하셔서 위비야에 가입하시면 됩니다. 

 
2. 위비야 막대바의 색상을 선택해주면됩니다.


3. 다양한 어플을 선택하거나 해제해줄수 있습니다. (해지된곳은 녹색체크가 없어집니다.)



- Smart Share는 블로그 이미지에 검정색 링크를 걸어주는데 마음에 들지 않아 해지했습니다.
- Photo Gallery를 선택하시면 Flickr에 계정을 입력해주셔야합니다.  
- Face book Like,pan page 두 위젯 역시 Face book 계정을 입력해주셔야합니다. 
- You Tube Video도 You Tube의 계정을 입력해 주셔야합니다. 

4. 마지막으로 각란에 원하는 정보를 넣어주시면됩니다.



1. 트위터 Username을 입력해주시면됩니다.
2,3번은 RSS Feed를 입력해주시면됩니다. ( 티스토리 기준  : 블로그주소/rss )


5. 설치형 블로그를 선택하고 코드를 복사해주면 됩니다.



- 티스토리에 위젯 위비야 설치하는 방법


html/css편집 skin.html에서 </body>위에 생성한 코드를 복사해주고 저장해주시면 됩니다.




■ 후기 

개인적인 생각으로 익스6.0에서도 호환이 가능한 사이드바 위젯(아래그림 1,2번)은 꼭 하나 넣으시는게 좋은것 같습니다. 위젯내용이 너무 길어져서 내용이 조금 부족한면이 있습니다.
잘못된부분이나 궁금한점이 있으시면 댓글 남겨주세요 ^^;





댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 좋은 정보 잘 보고갑니다^^ 즐거운 주말 되세요^^/

    2010.07.03 15:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 트위터 가입하면 요렇게 위젯 적용해 보겠습니다~^^
    스마트폰 구매한 뒤에 하려고 대기중입니다~
    아이폰4G를 살지,갤럭시S를 살지는 현재 고민중입니다만...
    즐거운 주말 보내시는 티비님 되세요~

    2010.07.03 17:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 보고 또 봐도 이상하게 트위터는 어렵게 느껴지는지 모르겠네요..별 관심이 없다는 증거 일직도 모르겠네요 ㅋㅋ
    정말 종합 트위터 메뉴얼을 만들어 놓으셨네요..짝짝짝 수고 하셨어요..역시 티비님은 대단하셩~~~

    2010.07.03 17:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 오옷 ....트위터 전방위 압박이라뉘 ....언젠가 해야 될텐데 말입니다 ..즐건 주말되세요 ^^

    2010.07.03 18:02 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 트윗 관련 포스팅이 많이 늘었네요~
    저도 트윗을 적당히 잘 활용하고 싶은데 이놈의 귀차니즘이...^^

    2010.07.03 18:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 그래요 그래서.. 포스팅을 해버려서
      도망못가게 못박으면서 조금씩 배우고 있어요 ^^;;
      즐거운 주말보내세요 !

      2010.07.03 22:07 신고 [ ADDR : EDIT/ DEL ]
  7. 와우 트위터하시는분들이라면 꼭 써보셔야할것들!!
    티비님 본문아래 구글광고는 서식으로 뽑아 쓰시는건가요 ??
    어떻게 저밑에 나오는건지.. 전해봐도 글목록 아래에 나오더라구요~~
    저도 꼭 트위터를 하려고하는데 너무 귀찮아요 ㅋㅋ

    2010.07.03 20:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 트위터 위젯도 정말 다양하네요..
    전 세로 뱃지 하나만 달았는데..
    좀 아쉬운건 내 글만이 아니라..
    다른사람들의 이야기가 실시간으로
    나오는 위젯이면 좋겠어요..

    2010.07.03 21:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 늘 생생한 정보 감사 해요^^ ㅋ 편한밤 되시구요^

    2010.07.03 22:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 다양한 트위터 위젯이 존재하는 군요...
    편안함 밤 되시길..

    2010.07.03 23:58 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 우와 대단하네요 ..

    2010.07.06 01:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 이번 주말 시간내서 저도 달아야겠습니다

    2010.07.10 08:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 정말 좋은 정보 감사드립니다.
    보고 바로 설치했습니다^^

    2010.07.13 09:25 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 덕분에 설치 잘 했습니다. 참, 구글광고도 티비님 덕분에 잘 설치했어요..항상 많은 도움 주셔서 정말 감사합니다^^ 티비님 안계셨으면 블로그 어찌 했을지....ㅠㅠ

    2010.07.13 20:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 이제막 트위터 시작해서 위젯 2개 해봤어요~~^^
    정말 알기쉽게 잘 설명해주셨는데요??
    감사합니다~

    2010.07.14 19:54 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 이건 나중에 다시 볼께요 ㅎㅎㅎ
    나이가 들더니 머리가 엄청 나뻐졌나봐요 ㅋㅋㅋ

    2010.07.16 02:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 위젯을 사이트에 왼쪽메뉴에 추가시켜봤는데요~
    제가 받은 트윗만 보이고 싶어 search 위젯에 Search Query (@sunlyunga) 로 설정을 했는데 바로 뜨지는 않네요.
    일반 사이트에 적용하긴 어렵나요?

    2010.07.25 14:54 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 요즘은 티스토리에서 밖에 적용을 안해봐서요 ^^;
      아마 자바스크립트 그대로 붙여넣으시면
      바로 적용되실것 같은데요~!

      2010.07.25 16:05 신고 [ ADDR : EDIT/ DEL ]
  18. 티비님블로그에 둥둥떠나니든 (우측사이드바부분에)파란색띠 Follow us라고 되있는거 어떻게 만드는거에요??
    윗글 읽고해봤는데 대시보드가 설치되더라구요 ㅠㅠ

    2010.07.28 18:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 윤진국

    이거완죤우째야할찌....휴우....머아무거도안뜨고...된장...

    2010.08.06 23:46 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 중간에 그림 깨져써욜 -ㅁ-;;오잉오잉

    2010.08.31 20:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 1. 위자드 팩토리 서비스 종료한대요 ㅠㅠㅠㅠㅠ
    2. 트위터에서 하는건 가로길이가 조정이 안되는데, 혹시 방법이 있나요?

    2012.09.08 09:26 신고 [ ADDR : EDIT/ DEL : REPLY ]