트위터(Twitter) 공식 버튼인데 페이지 오류?!

 오랜만에 블로그 관련 팁을 다루네요. 최근 블로그 스킨을 변경하면서 예전 스킨에서 사용하던 SNS 추천 버튼을 정리하고 새로 정렬하는 등 수정 작업을 하고 있는데요. 스킨 수정 작업을 하면서 각종 브라우저에서 이상 유무를 확인하다보니 익스플로러(IE) 상태표시줄에서 "페이지 오류" 를 뿜어내고 있더군요. 다른 때도 아니고 스킨 작업하는데 에러니 뭐니 하면서 표시되면 괜시리 더 짜증이 나죠?! ^^;;
 그래서 뭔가 싶어 내용을 살펴보니 공식적으로 트위터에서 제공하는 리트윗(RT) 버튼이 문제였습니다. 그냥 떼어버리고 다른 버튼으로 대체할까 하다고 개인적으로 해당 버튼이 가장 마음에 드는지라...


 역시 필요하면 어떻게든 방법을 찾아내게 되더군요 ^^ 그래서 혹시 같은 문제로 페이지 오류가 발생하는 분들에게 도움이 될까 싶어 포스팅을 합니다.

트위터 버튼, 페이지 오류 수정하기

 참고로 위 이미지에서 표시한 트위터 RT 버튼을 블로그 등에 달았다고 무조건 IE 에서 페이지 오류가 발생하진 않습니다. 또한, 페이지 오류가 표시된다고 무조건 트위터 버튼이 문제인 것도 아니구요.

▼ 상태표시줄에서 "페이지에 오류가 있습니다" 문구를 더블클릭하면 어떤 부분에서 문제가 발생하는지 확인할 수 있으니 오류가 발생한다면 확인 후 대처하시면 되겠네요.


 다시 본론으로 돌아와서... 예상은 했지만 확인을 해보니 역시나 자바스크립트(.js)가 문제더군요. 만약 위와 같이 문제가 발생한다면 아래 소스로 버튼을 추가하시면 문제가 해결됩니다.

> 소스 참고 : http://dev.twitter.com/pages/tweet_button

<iframe frameborder="0" scrolling="no" class="twitter-share-button twitter-count-vertical" src="http://platform.twitter.com/widgets/tweet_button.html?_=&amp;count=vertical&amp;lang=ko&amp;url=liverex.tistory.com[샾샾_article_rep_link_샾샾]&amp;via=LiveREX&amp;text=RT [샾샾_page_title_샾샾] liverex.tistory.com[샾샾_article_rep_link_샾샾]" style="width:55px; height:62px;"></iframe>

 빨간색 부분만 자신에게 맞춰서 변경해 주시면 됩니다. 참고로 URL 부분은 자신의 블로그나 홈페이지를, LiveREX 라고 적힌 부분은 자신의 트위터 계정명을 입력하세요. 또한, 노란색 부분에 '샾' 이라고 한글로 적은 부분은 # 로 변경해서 추가하세요.

▼ 위 소스를 이용해서 트위터 RT 버튼을 추가하면 페이지 오류가 표시되지 않는 것을 확인할 수 있습니다.


 그런데, 트위터 공식버튼이 현재 제 블로그에 추가되어 있는 형태 외에도 2가지가 더 있죠? 만약 Horizontal count 를 이용하시는 분이라면...

▼ 위에서 링크 걸어 놓은 "소스 참고" 사이트에 있는 소스를 기반으로 추가할 부분은 추가하면서 활용하시면 됩니다.


 몇 개월만에 스킨 수정 작업을 하다보니 새로운 것들도 많이 보이고 활용하고 싶은 것들도 상당히 많네요. 왠지 블로그 소스 관련해서 포스팅을 몇개 더 할 것 같은 느낌이 ^^

 이제 트위터 RT 버튼으로 인해 페이지 오류가 발생한다면 위 소스를 이용해서 해결해 보세요. 이 포스팅은 여기까지 입니다.


LiveREX 유튜브 채널 추천 영상 (구독하고 선물도 받아가세요!)
☞ 이 글은 LiveREX 의 동의없이 재발행/재배포 할 수 없습니다. [License] 를 참고하세요!
Facebook Comment
  1. BlogIcon 유키No 2010.11.27 07:23 신고

    ㅋㅋ 앗 저는 저버튼 다는 것도 몰라서... 못달고 있다는 ㅋㅋ

  2. BlogIcon 노지 2010.11.27 07:31 신고

    저런 오류때문에 스킨을 바꾸고 , 아무것도 달지 않았죠..ㅎ

  3. BlogIcon DDing 2010.11.27 07:35 신고

    제 트위터가 개점휴업이라 지금은 삭제한 상태이지만 부활할 때를 대비해서 체크해 두어야겠습니다. ^^

  4. BlogIcon 티비의 세상구경 2010.11.27 08:22 신고

    오류 수정하시고~ 바로 포스팅까지 잘배우고 갑니다 ^^;
    만약에 트위터 위젯을 본문 머리에 위치하게 하고 싶으면
    위의 코드 바로 복사하면 되는건가요 ?

  5. BlogIcon 초록누리 2010.11.27 08:55 신고

    저는 트위터를 안하고 있어서 다음에 하게 되면 참조하겠습니다^^

  6. BlogIcon 날아라뽀 2010.11.27 09:33 신고

    트위터 하시는 분들에게 유용한 정보이네요^^

  7. BlogIcon 아이엠피터 2010.11.27 10:02 신고

    저는 그냥 티스토리의 플러그인만 사용하는데
    아주 유용한 정보 고맙습니다. ^^

  8. BlogIcon glassbox 2010.11.27 10:50 신고

    스킨이 멋있어졌네요~
    트위터는 만들어놓기만 하고 잘 안 쓰는 편이지만 나중에 쓸모가 있을 것 같아요. 감사합니다.

  9. 최정 2010.11.27 11:11

    역시 리브님의 이런 소스와 열정으로
    좀더 편안하게 이웃방문도 하고
    렉이 걸려서 불편함을 가지고 할 필요가 없겠어요~

  10. BlogIcon HS다비드 2010.11.27 11:27 신고

    REX님의 지식은 정말 최고인 것 같아요^^

    그나저나 스킨 장난 아닌데요?

    완전 멋있고.. 무엇보다 가장 밑에 있는 최근 댓글이 정말 최고네요... 우아우아~

  11. BlogIcon [씽씽] 2010.11.27 12:41 신고

    트윗버튼 달까말까 고민중인대 이기회에 한번 예쁘게 달아봐야 겟습니다.
    이번에 사촌형님(cheum.net)이 사용하고 계신, 용의자님의 스킨을 수정한 LawLite님 블로그 스킨으로 바꾸면서 뒤죽박죽이 되서; (글자크기 때문에 미치겟내요; 수정이 않되니;) 하나씩 고쳐가는중에 또 너무나 감사한 내용을 보게되내요 ㅎㅎ 요새 랙스님이라 티비님한테서 많이 배우는 중입니다 ㅋ 그럼 즐거운 주말되세요 ^^

  12. BlogIcon 윤뽀 2010.11.27 12:48 신고

    저는 그 버튼 말고 마이픽업을 설치해놨어요 ㅎㅎ
    하나로 다 되니 편하던데요~

  13. BlogIcon 어설픈여우 2010.11.27 16:21 신고

    어? 스킨이 변신했다!@!!!!
    잘못 들어온줄 알았습니다.
    아직은 낮설음...
    //
    오늘도 문안 인사만 드리옵니다~
    따뜻한 주말 보내시옵소서~
    너무 춥거든요~^^*

  14. BlogIcon 별찌아리 2010.11.27 17:00 신고

    liverex는 팔로워가 8100명이나 되네요 !! 대단하세요 !!
    저도 빨리 트위터에 입문을 해야하는데 ㅜ.ㅜ
    * 즐거운 주말 보내세요 ~! *

  15. BlogIcon 새라새 2010.11.27 19:22 신고

    오늘도 유용한 글 잘보았습니다..
    아~` 그리고 스킨 완전 간지나는데요..특히 메뉴부분이 인상적이네요..
    욕심도 나는데 역시 이런걸 할려면 학습뿐이라는.. ㅋㅋ
    앞으로도 리모델링한 렉스님 블로그에서 알찬 글 부탁드립니다..^^

    보고 또 봐도 넘 좋아서 한참을 왔다 갔다 하다 갑니다..

  16. BlogIcon Hong_1998 2010.11.27 20:48 신고

    저는 그냥 티스토리에서 기본으로 제공하는 SNS버튼들을 이용하는지라..ㅎㅎ;;
    블로그 스킨이 아주 다른 컨셉으로 바뀌어서, "엇, 렉스님 블로그 없어졌나?" 라고 순간적으로 생각했네요 ㅋ

  17. BlogIcon Seen 2010.11.27 22:50 신고

    오랜만에 찾아뵙습니다. 그동안 잘 지내셨나요? ^^
    그런데 블로그를 들어오는 순간 확 바뀐 스킨에 깜짝 놀랐습니다.
    정말 깔끔하게 바꾸셨군요.
    저도 요즘 블로그 스킨 수정 좀 해보려던 참인데 더 의욕이 생겼습니다~!
    즐거운 주말이니, 활기차게 보내세요 ^^

  18. 여자 2010.12.01 14:18

    ㅜㅜ 저 컴퓨터 뒤지지않는편인데 도저히이해가안가요 저 소스를 어디다가 추가를 해라는건지... RT버튼..? 트윗을 시작한지얼마안되서 못알아듣는건가여.....

  19. BlogIcon 혜주 2010.12.01 23:03

    저두잘모르겠어요 ㅠㅠㅠㅠㅠㅠㅠ

  20. BlogIcon 비와그대 2012.01.30 15:18 신고

    공식홈에 트위터 버튼 큰게 사라져서 찾고 있었는데 정보와 소스 감사합니다

댓글을 남겨주세요 :)




submit