베스트 토픽/유익한 토픽

트위터 팁!! 블로그에서 원하는 글만 트위터로 내보내기

행복한안경사 2010. 7. 1.

예약 후 방문해 주세요!!

예약 블로그를 운영하는 행복한 안경사가 직접 상담해 드립니다. 예약방문객에게는 다양한 혜택을 드립니다. 예약하기

행복한안경사
1996년 안경사 면허 취득후 오늘까지 일 동안 꾸준히 안경사로 살아오고 있습니다.
12,000일 채우고 은퇴할 생각이니 그날까지 안경원에서 열심히 일하겠습니다.
상담하기
가우디 안경원
2013년 2월부터 마포구 대흥동에 오픈 후 일 째 조금씩 성장중인 안경원입니다. 계속 성장하는 안경원이 될게요.
가우디 안경원은 과연 어떤 곳일까요?
궁금하신가요? 제대로 알아봅시다.
자세히 보기
예약 후 방문해 주세요.
블로그를 운영하는 행복한 안경사가 직접 상담해 드립니다.
예약 후 방문하시는 분들을 위해 기능성렌즈 전품목 30% 할인해 드립니다.
(누진다초점렌즈, 오피스렌즈 등 )
예약하기





트위터 사용자가 늘어남에 따라
자신이 블로그에 발행한 글을 트위터를 통해 전파할 수 있는 시스템이 많이 개발이 되고 있습니다.
특히 현재 본인이 사용하고 있는 티스토리 같은 경우는 플러그인으로 지원을 해주고 있는데
문제는 원하지 않는 글도 발행 이 된다는 것입니다.

더군다나 편집 할 수 있는 기능이 없어서 말머리(티스토리) + 제목 + 링크 형식으로만 트위터로 보내지기 때문에
아쉬운 감이 많았답니다.

티스토리 플러그인을 이용했을때 트위터에서 표현되는 방식
  

그래서 번거롭더라도 플러그인을  사용하지 않고 트위터로 직접 들어가 글을 발행하고는 했었는데..(좀 번거롭죠)
상당히 간단한 방법으로 위의 문제를 해결 할 수 있는 방법이 있더군요.

http://pongsocket.com/tweet-it/ 이란 외국 사이트에서 공개한 방법입니다.
영어라서 잠시 머리가 띵~하긴 했지만 생각보다 간단하더군요..

트위터로 글보내기 버튼이나 링크를 만든 후 클릭을 하게 되면 오른쪽 하단에 아래와 동영상 같은 화면이 뜨게 됩니다.
여기에 자신이 적고 싶은 내용을 쓰고 클릭만 하면 글에 해당하는 링크와 함께 트위터로 보내집니다.



자 그럼 설명들어갑니다.

먼저 html과 css편집창으로 들어갑니다.

<head> 와 </head>태그사이에 아래 스크립트를 삽입합니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tweet-it.s3.amazonaws.com/tweet-it.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $(".tweet-this a").tweetIt({ hostedBlog: true });
 })
</script>


자..모든것은 끝났습니다. 정말 간단하죠??

이제는 자신의 포스팅 아래에  그림이나 텍스트로 링크를 만들어 주기만 하면 됩니다.

포스팅 내용은 



트위터 사용자가 늘어남에 따라
자신이 블로그에 발행한 글을 트위터를 통해 전파할 수 있는 시스템이 많이 개발이 되고 있습니다.
특히 현재 본인이 사용하고 있는 티스토리 같은 경우는 플러그인으로 지원을 해주고 있는데
문제는 원하지 않는 글도 발행 이 된다는 것입니다.

더군다나 편집 할 수 있는 기능이 없어서 말머리(티스토리) + 제목 + 링크 형식으로만 트위터로 보내지기 때문에
아쉬운 감이 많았답니다.

티스토리 플러그인을 이용했을때 트위터에서 표현되는 방식
  

그래서 번거롭더라도 플러그인을  사용하지 않고 트위터로 직접 들어가 글을 발행하고는 했었는데..(좀 번거롭죠)
상당히 간단한 방법으로 위의 문제를 해결 할 수 있는 방법이 있더군요.

http://pongsocket.com/tweet-it/ 이란 외국 사이트에서 공개한 방법입니다.
영어라서 잠시 머리가 띵~하긴 했지만 생각보다 간단하더군요..

트위터로 글보내기 버튼이나 링크를 만든 후 클릭을 하게 되면 오른쪽 하단에 아래와 동영상 같은 화면이 뜨게 됩니다.
여기에 자신이 적고 싶은 내용을 쓰고 클릭만 하면 글에 해당하는 링크와 함께 트위터로 보내집니다.



자 그럼 설명들어갑니다.

먼저 html과 css편집창으로 들어갑니다.

<head> 와 </head>태그사이에 아래 스크립트를 삽입합니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tweet-it.s3.amazonaws.com/tweet-it.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $(".tweet-this a").tweetIt({ hostedBlog: true });
 })
</script>


자..모든것은 끝났습니다. 정말 간단하죠??

이제는 자신의 포스팅 아래에  그림이나 텍스트로 링크를 만들어 주기만 하면 됩니다.

포스팅 내용은   이 부분에 해당하므로  '찾기 (ctrl + f)'이용해서 찾은후 
아래 내용을 삽입해 줍니다.

<p class="tweet-this"><a href="javascript://">이글을 트위터로 보내기</a>

<예>



 저는 일단 텍스트로만 표시를 해놨지만 물론 그림이나 플래쉬로도 대체가 가능하겠죠..
자..이렇게 해서 모든것이 끝났습니다. 이제는 확인해 봐야겠지요..^^


 포스팅한 글 하단부분을 보면 아래 사진처럼  "이 글을 트위터로 보내기"라는 텍스트가 표시됩니다.



텍스트를 클릭하면 우측 하단에 스르륵하고 트위터로 보낼수 있는 창이 나타납니다.




참고로 처음에는 블로그와 트위터를 연결 시키기 위해 커넥트작업을 해줘야 합니다. (클릭만하면되니 걱정마세요.)
그리고 익스플로어 7에서는 연결이 잘 안되던데 다른 분들은 어떨지 모르겠네요..
이참에 익스플로어 8로 업데이트하세요.

이렇게 해서 블로그에 포스팅한 글을 트위터로 바로 보낼 수 있는 간단한 방법을 알아봤습니다.^^


 이 부분에 해당하므로  '찾기 (ctrl + f)'이용해서 찾은후 
아래 내용을 삽입해 줍니다.

<p class="tweet-this"><a href="javascript://">이글을 트위터로 보내기</a>

<예>



 저는 일단 텍스트로만 표시를 해놨지만 물론 그림이나 플래쉬로도 대체가 가능하겠죠..
자..이렇게 해서 모든것이 끝났습니다. 이제는 확인해 봐야겠지요..^^


 포스팅한 글 하단부분을 보면 아래 사진처럼  "이 글을 트위터로 보내기"라는 텍스트가 표시됩니다.



텍스트를 클릭하면 우측 하단에 스르륵하고 트위터로 보낼수 있는 창이 나타납니다.




참고로 처음에는 블로그와 트위터를 연결 시키기 위해 커넥트작업을 해줘야 합니다. (클릭만하면되니 걱정마세요.)
그리고 익스플로어 7에서는 연결이 잘 안되던데 다른 분들은 어떨지 모르겠네요..
이참에 익스플로어 8로 업데이트하세요.

이렇게 해서 블로그에 포스팅한 글을 트위터로 바로 보낼 수 있는 간단한 방법을 알아봤습니다.^^


댓글