기본적으로 HTML 잘 몰라고 수정이나 홈페이지좀 관리 해 본 사람이면 쉽게 이해 할 수 있다.
X4vSB9MPeF34OhvUHGhOTNsi_QqXmdBzFni3nh9bFaM,
이 링크를 따라가 보면 된다.
쉽게 이해 할 수 있도록 이미지를 첨부 해본다.
이 사진에서 적절한 설정 후 Get Code 버튼을 클릭하면 알아서 소스를 만들어 준다.
그 소스를 원하는 곳에 붙여 넣기만 하면된다.
디테일한 설명은 생략 한다.
Twitter는 더 쉽게 되어 있다.
Choose a button에서 4종류중 필요한 것을 선택하고 디테일한 세팅 을 하면 Preview and code에 소스가 자동으로 만들어 진다.
그 소스를 활용해서 사용하면 된다.
각 블로그 또는 카페에 소개 되어있는 방법들을 추린 내용을 모아 보았다.
l Facebook :
Ex)
<!-- facebook -->
<a href="http://www.facebook.com/sharer.php?u=http://bit.ly/9EocZS&t=Hello">
<img src="./image/btn_fac.jpg" style="border:0px;"></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
l Twitter :
Ex) 버튼이 있는 현재 페이지가 자동으로 트위터에 연결이 됩니다.
<!-- twitter -->
<a href="http://twitter.com/share" data-text="엑스퍼넷을소개합니다" data-count="horizontal" data-via="JoChoding" data-related="sitepr">
<img src="./image/btn_twi.jpg" style="border:0px;"></a>
[출처] 홈페이지, 블로그에 Twitter, Facebook share 버튼 달기 |작성자 환몽
많이 모아 보려 했지만 별 내용이 필요가 없기에 이정도로 끝낸다.
쉽게 설명을 하자면
위의 내용은 내가 원하는 이미지로 링크를 걸고 싶을때 사용하면 된다.
그렇지만 별로 추천하고 싶지 않다.
아직은 대중적으로 Facebook 이나 Twitter 에서 제공하는 기본 버튼을 많이 사용하고 그렇기 때문에 방문자들고 헷갈려 하지 않을 수 있기 때문에...
* 이건 취향에 따라 다르고 사이트의 환경에 따라 달라 질 수 있다.
결론은,
위 링크 되어 있는 사이트에 가보면 쉽게 해결 된다.
'전공 > 유용한' 카테고리의 다른 글
| Dropbox 꼼수 추가 용량 무료로 받기 및 사용법(아이폰,안드로이드 클라우드) (0) | 2012.07.09 |
|---|---|
| 갤러시 S3 총 정리 (0) | 2012.05.04 |
| 아이폰, 안드로이드폰 등 스마트폰용 모바일 웹사이트 만드는 방법 소개 (0) | 2012.02.16 |
| c browser - > spell 2.7 다운/설치 (2) | 2011.12.06 |
| Adobe Illustrator 의 작동이 중지되었습니다. (0) | 2011.10.06 |