[폐기] 블로그에 topsy 버튼 달기

진보블로그에서 탑시 플러그인을 만들었습니다 : http://blog.jinbo.net/jinbone/426

아래 더보기는 보실 필요 없어요~~ ㅎㅎ

 

사용자 삽입 이미지

<- 다른 싸이트나 블로그에 다니면 요렇게 생긴 탑시 버튼이 있죠?

안타깝게도 진보블로그용으로는 없는데요(텍스트큐브용 플러그인이 아직 없음) 수동으로 달 수 있습니다!! 조금만 주의를 기울이시면 돼요.

 

먼저 쓰고 있는 스킨을 수정하러 관리화면의 스킨공작소로 갑니다. 스킨을 편집하기 위해서는 공용스킨함에서 현재 쓰고 있는 스킨을 찾아내, 반드시 "내 스킨함에 복제"를 눌러주셔야 해요. 그 다음 복제된 스킨이 든 "내 스킨함"에서 '선택' 메뉴 중 "스킨 편집"을 고르고 "실행" 버튼을 누르시면 됩니다.(이 과정에 대한 자세한 설명은 스킨 고르기+수정하기 글의 4번 항목을 봐주세요(영상 있음))

1단계: 스크립트 붙여넣기

	<script src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator" type="text/javascript"></script>

이 코드를 HTML 파일의 맨위에서 4번째 줄에 있는 <head> 아랫줄에 붙여넣으세요.

 

2단계: 원하는 위치에 태그 넣기

키보드에서 Ctrl+F키를 눌러 "게시물 영역 시작"을 검색해 보세요. 아래 그림과 같이 HTML파일에서 해당 부분을 찾아줍니다.

 

사용자 삽입 이미지

 

"게시물 영역 시작"의 두 줄 아래에 <h2 어쩌구~로 시작해서 </h2>라고 끝나는 줄이 있죠? 바로 </h2>옆에다 아래의 코드를 붙여넣어주세요.

	<div class="topsy_widget_data" style="float: right; margin: 10px;"><!--
  {
    "url": "http://blog.jinbo.net[##_article_rep_link_##]",
    "title": "",
    "shorturl": "http://blog.jinbo.net[##_article_rep_link_##]",
    "style": "big",
    "nick": "트위터아이디"
  }
--></div>

트위터아이디라고 적은 부분만 자신의 트위터 아이디를 써주세요(@넣지 마세요!!)

(더 많은 설정은 탑시가 제공하는 매뉴얼을 읽어 보세요)

 

붙여넣은 결과는 아래와 같습니다.

사용자 삽입 이미지

 

블로그로 돌아오면 다음과 같이 탑시 버튼이 나타납니다

사용자 삽입 이미지

 

궁금한 점은 댓글을 남겨 주세요!

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크

최근 트랙백 목록

  1. 트랙백 테스팅
    재성잉
    2016
  2. ㅅㄷ
    test
    2015
  3. 트랙백?
    일상의 기록, 기억 해내기
    2015
  4. 트랙백이란?
    Progrimang
    2015
  5. 트랙백 테스트
    talecue1님의 블로그
    2015

저자 목록