트위터 공유 버튼 설치 방법~

 

 

어제 트위터 공유 버튼을 설치했다는 포스트를 올렸었다  댓글을 보니 궁금해 하는 분이 계셔서 설치 방법을 간략하게 소개를 할까 한다  어제 글에 설치 방법도 같이 써야 하는건데 깜빡하고 빼버리고 말았다

 

기본적인 소스 코드는 아래와 같다 ( 첨부파일을 받아서 이용하세요 )

트위터 공유 버튼 코드.txt

딱 보면 상당히 간단한 코드로 만들어진걸 알 수 있다  위 코드에서 자신의 블로그 주소는 마지막에 / 빼고 입력해야 한다  즉 http://paperinz.com 이렇게만 입력하면 된다  이미지 주소는 본 블로그에 설치된 버튼에 보면 Twitter 글 앞에 설치된 t 모양의 아이콘 주소이다  본 블로그처럼 t 아이콘에 Twitter라는 텍스트를 써도 되고 텍스트 없이 이미지만으로 버튼을 설치해도 되고 유저 입맛에 맞게 수정해서 쓰면 될 것이다

위 코드를 블로그의 적당한 위치에 삽입하면 된다  t 라는 이미지와 Twitter 라는 글을 같이 쓰게 된다면 그냥 삽입시 이쁘게 정렬이 안 된다  아래 글을 참조해서 이쁘게 정렬하면 더 좋을 것이다  이후 버튼을 클릭하면 트위터의 메시지 입력칸에 제목과 url 이 삽입된 걸 볼 수 있을 것이다

http://paperinz.com/343

 

덧, 첫번째로 달린 쟈스틴님의 댓글을 참조하시면 보다 정확한 버튼 적용이 가능합니다~