목차
티스토리에 리트윗 버튼 넣는 방법
트위터(twitter)가 무엇인지 이젠 다들 잘 아실테니 따로 서명을 드리지는 않겠습니다. 그래도 혹시 모르는 분들은 트위터 사용법과 관련 어플리케이션 서비스 총정리 글을 참고 하시고요. 외국 블로그나 한국의 몇몇 블로그들을 보면 요상하게 생긴 버튼이 달려 있는것을 가끔씩 보셨을겁니다.
저도 예전부터 본문 하단에 달아 놓고 있었는데 소개들 드린다 하고 자꾸 깜박 깜박 하고 있었네요. 많이 늦었지만 혹시 모르시는 분들을 위해서 트위터 리트윗 버튼 사용법을 소개드려봅니다. 리트윗(retweet) 이라고 써있는 이미지와 숫자가 써있고 리트윗(retweet)이라고 써있는 두개의 버튼은 용도가 같은 녀석들입니다. 트위터로 게시물을 바로 리트윗(retweet)으로 공유하기 쉽게 해주는 훌륭한 녀석들 이지요~
이쯤에서 광고 한번 제 트위터 주소입니다 : https://twitter.com/lovedweb 간단한 정보들은 트위터로 트윗을 하고 있으니 많이들 추가해주세요~ ^^
게시물에 추천을 하고 댓글을 다는것을 한번에 해주는 개념이 바로 리트윗(retweet)이 아닐까 생각되는데 이렇게 좋은것이 한국에서는 그다지 큰 호응을 받고 있지는 않습니다. ^^
외국 블로그들 보면 리트윗(retweet) 숫자가 어마어마 한데 좋은글 보면 자신의 팔로우(follow)에게 실시간으로 추천을 해줄수있어 많이들 사용을 하는가봅니다. 문화적이 차이가 아닐까 생각을 하는 부분인데 한국분들은 자신만 알고 있고 남에게 좋은 정보를 알려주려는 문화는 좀 없기는 하죠.
티스토리에 트위터 리트윗(retweet)버튼 넣는 방법
어려운 영어로 어찌어찌 해라 해봐야~ 모르시는 분들은 외계어로 보일테니 쉽게 설명드리겠습니다. 아래의 소스를 샾샾 = ## 으로 수정하시고 https://loved.pe.kr 도메인 자신의 블로그에 맞게 수정하시고 mongrinet 본인의 트위터 계정으로 수정하시고 원하는 곳에 아래의 소스를 넣어주시면 됩니다. float:left 를 left(좌), right(우)로 하시면 원하는 위치에 넣으실수 있습니다.
트위터 리트윗(retweet) 카운터 사용법
text, background, border 색상은 스킨에 맞는 색상으로 변경하시면 됩니다.
| <div style=”float:left; margin-right: 5px; “> <script type=”text/javascript”> tweetcount_url = ‘https://loved.pe.kr[샾샾_article_rep_link_샾샾]’; tweetcount_src = ‘RT @mongrinet‘; tweetcount_via = false; tweetcount_links = true; tweetcount_size = ‘large’; tweetcount_text = ‘ffffff’; tweetcount_background = ’38CDFF’; tweetcount_border = ‘ffffff’; </script> <script type=”text/javascript” src=”https://widgets.backtype.com/tweetcount.js”> </script> </div> |
트위터 리트윗(retweet) 이미지 사용법
이미지는 아무거나 원하는것을 사용해도 되고 텍스트링크로 사용을 하셔도 됩니다.
| <div style=”float:left; margin-right: 5px; “> <a href=”https://twitter.com/home?status=RT: @mongrinet [샾샾_article_rep_title_샾샾]-https://loved.pe.kr[샾샾_article_rep_link_샾샾]” target=”_blank” title=”트위터에 리트윗 하기”><img src=”./images/retweet.gif” title=”트위터에 리트윗 하기” alt=”retweet” /></a> </div> |
사용된 이미지는 저도 어디에선가 주워다 사용하는건데 정확하게 출처를 찾지 못했네요~ 원 라이센스를 확인 하지 못해서 직접 재배포는 할수가 없습니다. 하지만 아래 이미지를 퍼가는건 저도 막을 방법이 없겠지요~ ^^ 텍스트큐브도 치환자가 같으니 같은 방법으로 사용이 가능할겁니다.
감사하게도 댓글로 위의 이미지 원 출처를 알려주셨네요. 용의자님 https://yongja.tistory.com/75 글에서 이미지를 배포중이니 그걸 받으시면 올바른 방법이 되겠네요.