트위터 방문 유도하는 버튼트위터 방문 유도하는 버튼

Posted at 2010. 5. 16. 14:42 | Posted in 삶의한자락/컴퓨터상식

[쇼핑저널 버즈]


블로그를 방문하다 보면 '팔로우미(Follow Me)' 문구가 새겨진 아이콘이 보이곤 합니다. 바로 트위터 팔로우 버튼이 그 주인공인데요.

방문자가 버튼을 클릭하면 해당 블로그 운영자의 트위터로 이동하게 됩니다. 트위터 홍보도 되고 리본 형식으로 깔끔하게 달아놓을 수 있습니다. 또 색상도 자신의 블로그 디자인에 맞게 변경할 수 있답니다.

먼저 트위터 버튼을 설치할 수 있도록 소스를 제공하는 사이트 로 이동합니다.



1번 항목은 자신의 트위터 주소 중 뒷부분을 적어주는 곳입니다. 제 트위터 주소를 예로 들면 http://twitter.com/FollowZet 에서 FollowZet만 적어주면 되겠습니다.

2번에서는 버튼에 들어가는 문구를 선택하면 됩니다. 3번에서는 버튼 색상을 변경합니다. 동그랗게 생긴 색상표를 이용해서 마음대로 변경할 수 있답니다.

4번 항목은 버튼을 왼쪽에 달 것인지 오른쪽에 달 것인지 선택하는 곳입니다. 5번에서는 위에서 부터 거리를 얼마나 둘 것인지 정합니다. 다 결정한 후에는 반드시 6번을 눌러야 합니다. 그래야 변경된 사항이 코드에 반영되거든요. 코드를 모두 선택한 후 복사합니다.



블로그 관리자 화면으로 접속합니다. 스킨이라고 적힌 곳에 마우스를 올려놓으면 HTML·CSS 편집이라는 메뉴가 보여요. 해당 메뉴를 클릭하면 스킨 편집 화면이 나옵니다. skin.html 부분을 스크롤해서 가장 아래쪽으로 내려오면 가 있는데 그 앞에 전 단계에서 복사해 놓은 소스를 붙여 넣으면 됩니다. 트위터 버튼 예쁘게 달아보세요.


//