블로그에 움직이는 Twitter 링크(라벨)를 달아보자!!

  SNS(Social Network Service)가 대세입니다. 많은 분들이 기존의 블로그 뿐만 아니라 트위터와 미투데이 등의 마이크로 블로그도 많이 애용하고 있습니다. 각각의 개인들과의 소통이라는 측면에서는 오히려 마이크로블로그가 더욱 각광을 받고 있지요. 저도 트위터에 가입은 했으나 "트위터 시작합니다!" 라는 단 1개의 트윗만이 달려있을 뿐 입니다.(- _  - )ㅋ 아직 사용법에 익숙치 않아 적응 단계가 필요할 듯 싶네요. 트위터로의 유입도 조금 이끌어내 보고자 블로그에 움직이는 트위터 링크를 달았답니다. 많은 분들이 이미 알고 사용하고 계시겠지만 모르시는 분들을 위해 해당 링크를 블로그나 개인 홈페이지에 다는 법에 대해 설명해 보고자 합니다~^^

제 블로그에 트위터 링크가 달려 있는 모습입니다. 우측에 스크롤바 부근의 빨간 박스.



go2web20.net 방문하기

  해당 링크 서비스를 제공하는 홈페이지가 있습니다. go2web20.net 이라는 외국의 사이트인데요, 오늘 설명하는 서비스 외에도 다양한 서비스를 제공하고 있는 것 같습니다.

  - go2web20.net 웹페이지 트위터 링크 서비스 주소

http://www.go2web20.net/twitterFollowBadge/

  1. 트위터 계정을 입력하는 부분입니다. 
         ex) 트위터 계정에 로그인 할 당시 이메일 주소에서 아이디 부분에 해당합니다.
               아이디@이메일.com 일 경우 아이디에 해당하는 부분만을 입력합니다.

  2. 링크 라벨에 들어갈 텍스트를 선택합니다.
         Follow us, Follow me, Follow, My twitter 네 종류의 텍스트를 선택할 수 있습니다.

  3. 라벨의 색을 선택합니다.
      본인의 블로그의 기본 컬러와 어울리는 색상을 선택하시는 게 좋겠죠?

  4. 블로그나 홈페이지 상에서 라벨이 나타날 위치를 오른쪽과 왼쪽 중 선택합니다.

  5. 블로그 상단으로부터 라벨이 어느정도 떨어져 출력 될지를 입력합니다.

  6. UPDATE CODE 버튼을 클릭하면 HTML 코드가 생성됩니다.

  7. HTML 코드가 생성된 모습입니다.

  8. 생성된 코드를 복사합니다.

  9. 본인의 블로그로 이동합니다. 여기에서는 티스토리 블로그를 기준으로 설명하겠습니다.

  10. 블로그 센터 -> 스킨 -> HTML/CSS 편집 으로 이동합니다.

  11. HTML/CSS 편집 항목에서 Ctrl + F 를 눌러 찾기를 실행합니다.

  12. </body> 를 입력해 해당 부분으로 이동합니다.
            </body> 는 body 스크립트의 끝 부분을 의미합니다.
            </body> 의 앞에다 go2web20.net 에서 복사한 코드를 붙여 넣기 합니다.

  13. 저장!!!

  이렇게 해서 스크롤 따라 움직이는 트위터 링크를 블로그에 달아 봤습니다~ 이제 트위터를 열심히 이용 할 일만 남았네요~ㅎㅎ 블로그도 아직 제대로 적응 못해서 우왕좌왕 거리는데, 트위터도 버겁게 시작해 봤습니다. 방금 만들어 본 라벨을 클릭해 제 트위터를 방문해 보세요~^^ㅋ 같이 트위터 해보실까요?ㅎㅎ