728x90
트위터] 블로그에 트위터 위젯 달기

네이버블로그를 이용하는 필자의 경우 지금까지 위자드팩토리의 트위터 위젯을 사용해 왔었는데요

http://bit.ly/jXF5AP

위자드팩토리의 트위터 위젯 같은 경우...크나큰 오류가 있었으니...

 

툭하면 150회 최대요청수 초과....

필자 같은 경우는 오전만 되어도 이 위젯이 블로그에서 안보이기도 합니다...

그래서 너무 답답해요..

위자드팩토리 트위터 위젯은 사용이 편하고/ 디자인이 많고/ 설치가 쉽다는 장점을 가졌으나

트래픽 초과가...가장 크나큰 단점이 되지 않을까 싶어요

나중에 업데이트 되서 이런오류가 안생기면 가장 편하고 쉬운 위젯이라고 생각합니다.

자 그래서 다른걸로 갈아 타기로 합니다;

어쩔수 없는 선택이오나....원래 부터 있던 트위터 기능이기도 합니다

1) 우선은 공식 트위터 사이트로 로그인합니다

http://twitter.com/

트위터 공식 사이트에 접속한후 자신의 아이디를 누르면 위와 같은 세팅창이 나와요

[Settings] 을 눌러서 이동 해주세요

 

자 세팅으로 가시면 [ Profile ]을 눌러주시면

사징 저장 하는 곳과 닉네임 적는 곳

그리고 웹사이트 라는 곳 하단에 파란색으로 글씨가 써있는게 보여요

(You can also add Twitter to your site here)

이 문구를 클릭!

 

트위터 공식 사이트에서 제공 하는 다양한 위젯과 팔로우 버튼 트위트 버튼들이에요

가끔 보면 특히 쇼핑몰 같은데서 보면 제품 이미지 하단에 트위트 버튼을 누르면 숑~ 하고 바로 트윗이 써지는거

이런게 다 공식트위터 사이트를 통해서 할수 있는 부분이라죠

위 페이지 중에 [Widgets] 위젯이라는걸 눌러 보아요~!

여기서 우리가 필요한 위젯을 설치 할수 있어요

 

 

자 위젯을 직접 만드는 부분이에요

어디에 설치 할껀지인데요 우린 블로그에 설치 할것이기에 [My Website]를 클릭하는겁니다

여기서 여러가지 위젯 설치 화면을 고를 수 있는데요

1)Profile Widget

-본인의 트위터 계정을 보여주는 위젯

-일반적으로 가장 많이 사용하는 위젯

2)Search Widget

-특정 단어만 모아서 보여주는 위젯

3)Faves Widget

-본인의 트위터에서 즐겨찾기 해둔 멘션만 모아서 보여주는 위젯

4)List Widget

-트위터에 리스트 항목만 모아서 보여주는 위젯

-트위터의 리스트는 일종의 그룹지정과 같은 느낌으로 보시면 될꺼에요

-그렇게 따로 모아둔 리스트만 보여주는 위젯입니다.

여기서 블로그에 설치 하려 하는 것은 1번 [Profile Widget]

뭐 각자 개성에 맞게 필요에 맞게 다른 성향으로 설치 하셔도 되구요

거의 뭐 설치 방법은 동일하기에 가장 많이 사용하는 [Profile Widget] 으로 설명 할게요

 

위젯을 어떻게 보이게 할지를 설정 하는 부분이에요

1) Poll for new results

- 글을 하나씩 밀어 내는 듯한 효과를 주면서 보여주는 설정입니다.

2) Include scrollbar

- 스크롤바를 보이게 할껀지 말껀지 선택하는 부분

3) Timed Interval

- 몇초 간격으로 글을 아래로 내려가게 할 것인지

4) Load all tweets

- 한번에 모든 글을 보이게 하는 설정

5) Number of Tweets

- 한번에 보여지는 글의 갯수

6) Show Avatars

- 글마다 프로필 사진을 보여 줄껀지 말껀지

7) Show Timestamps

- 시간 표시 여부

8) Show Hashtags

- 해시태그 표시 여부



 

그다음은 위젯 컬러 설정 부분입니다

하나씩 바꿔가면서 무엇이 어떻게 변하는지 직접 해보시는게 가장 빠릅니다.

다했으면 Test Settings 이거 함 누르시면 바로 옆에서 확인 할수 있어요

 

그다음은 위젯 설정 크기부분입니다.

사이즈 부분인데요 직접 사이즈를 정해서 입력 해주셔도 되구요

아래 ㅁ auto width 를 체크해두시면 해당 위젯이 설치된 곳의 가로 사이즈의 맞게

저절로 변하도록 하는 설정입니다.

*참고로 네이버 블로그의 경우는 가로 170 px로 한정 되어 있으니까 참고하세요!

 

다했으면 마지막으로 위에 나오는 버튼과 같은걸 찾아서 클릭

Finish & Grab Code


 

위와 같이 소스가 주욱 나오는데요 이걸 복사 해서 위젯 설치 하려는 곳에 설치 하시면 됩니다.

 

728x90

'WEB' 카테고리의 다른 글

OAuth  (0) 2012.07.29
twitter json status  (0) 2012.07.29
TWITTER API JAVASCRIPT  (0) 2012.07.29
HTML 텍스트 줄바꿈  (0) 2012.07.29
HTML IMAGE RESIZE  (0) 2012.07.29

+ Recent posts