블로그에 트위터 뱃지를 달아놓는 방법

2010. 2. 3. 05:55인터넷/유용한 앱과 웹

블로그를 구경하다 보면 Follow Me 문구가 새겨진 트위터 뱃지가 보이곤 합니다. 바로 트위터 팔로우 버튼이 그 주인공인데요. 방문자가 트위터 버튼을 클릭하면 해당 블로그의 운영자가 운영하는 트위터로 이동하게 됩니다. 트위터 홍보도 되고 리본 형식으로 깔끔하게 달아놓을수 있어서 페이지가 버벅거린다거나 하는 문제도 없어요. 일석이조입니다. 게다가 색상도 자신의 블로그 디자인에 맞게 변경할수 있답니다.


☞ 제 블로그를 보시면 오른쪽에 Follow me라고 적힌 트위터 유혹(?) 버튼이 있고 그 위에 새가 앉아 있습니다. 새의 자태, 아름다운가요? 트위터 뱃지를 설치할수 있도록 소스를 제공하는 사이트로 이동합니다. http://www.go2web20.net/twitterfollowbadge/
트위터

☞ 아래의 화면이 나오게 되는데요. 여기서부터 잘 따라하세요. 1번 항목은 자신의 트위터 주소중 뒷부분을 적어주는 곳입니다. 제 트위터 주소를 예로 들면 http://twitter.com/FollowZet 에서 FollowZet만 적어주면 되겠습니다. 2번에서는 뱃지에 들어가는 문구를 선택하면 됩니다. 3번에서는 뱃지의 색상을 변경할수 있어요. 동그랗게 생긴 색상표를 이용해서 마음대로 색상을 변경할수 있답니다. 4번 항목은 왼쪽에 달것인지 오른쪽에 달것인지를 선택해 주는 곳입니다. 5번에서는 위에서 부터 거리를 얼마나 띄울것인지를 정해주면 되겠어요. 다 되셨으면 반드시 6번을 눌러주셔야 합니다. 그래야 변경된 사항들이 코드에 반영 되거든요. 따끈따끈한 코드를 모두 선택한 후 복사합니다. (Ctrl+C키)
트위터

☞ 블로그 관리자 화면으로 접속합니다. 스킨이라고 적혀진 곳에 마우스를 올려놓으면 HTML/CSS 편집이라는 메뉴가 보여요. 해당 메뉴를 클릭하면 아래와 같이 스킨 편집 화면이 보입니다. skin.html 부분을 스크롤해서 가장 아래쪽으로 내려오면 </body>가 보입니다. 그 앞에다 전 단계에서 복사해 놓은 소스를 붙여 넣으시면 됩니다. Ctrl+V키를 누르시면 되겠죠? 트위터 뱃지 예쁘게 달아보세요. :)
트위터