블로그 이미지
블로그 Zone/티스토리 팁 2013.03.17 19:43

티스토리 썸네일 위젯 linkwithin 설치하기



안녕하세요~ 꿈을 만드는 곳, 몽공장을 운영하는 몽공장장입니다.

티스토리 팁에 관한 글은 정말 오랜만이군요.ㅋㅋ

그만큼 이젠 티스토리 블로그를 꾸미고 변경하는 일에 게을러졌다는 증거겠군요.

방문자들은 대부분 검색사이트를 통해 블로그로 들어옵니다.

자기가 얻고자 하는 정보를 얻기위해 들어오지요. 그리고 그것만 읽고 휙~ 나가버립니다.ㅋ

하지만 주인 입장에선 다른 좋은 것들도 많으니 더 읽고 가주길 원합니다.

그렇다고 감나무 아래 입만 벌리고 있듯이 가만히 있으면 대부분의 방문자는 절대 애써 더 읽어보려는 노력을 하지 않습니다.

그래서 더 적극적으로 더 많은 글들을 방문자에게 알려서 읽고 싶은 마음이 생기게끔 해야겠지요.

마우스 스크롤이 휙휙 지나가는 순간에도 눈에 띌 만한 수단이라면 역시 이미지가 최고 입니다.

포스팅 하단에 이미지를 통한 썸네일 위젯을 배치하여 빠져나가는 방문자들을 다시 한번 잡는 방법을 알아봅시다!!









바로 이런 형식으로 나타나는 썸네일 위젯입니다.

티스토리 자체에서 이런걸 지원한다면 참 좋겠지만 아직까진 지원하지 않습니다.

그렇다고 걱정하실 필요없습니다. 아주 간단하게 해결할 수 있으니깐요~ 저만 따라오세요! ㅋㅋㅋ











이런 복잡하고 어려운 소스짜는 일을 한번에 해결해주는 사이트가 있습니다.

링크위드인 (linkwithin) 이라는 사이트를 이용해보려고 합니다.

아래 링크를 통해 사이트로 이동해주세요~~

http://www.linkwithin.com/learn











사이트에 접속하시면 위와 같은 입력란이 나옵니다.

이 사이트의 장점이라면 별도의 회원가입 절차도 없고, 설치 후 광고도 없고, 그러면서도 무료라는 거지요.

단점이라면, 위젯에 나타날 글들의 범위를 지정해줄 수 없고 무작위로 나타난다는 정도네요.ㅋ

방법은 간단합니다. 위 양식에 맞게 적어주시면 됩니다.

저는 5개의 위젯목록이 나타나도록 설정했습니다.

모두 입력하셨다면 'Get Widget!' 버튼을 눌러주세요~ 시간이 조금 지난 후 소스가 생성됩니다.












이제 본인의 티스토리 블로그에 소스를 입력할 차례입니다.

생성된 소스를 그냥 <body>와 </body> 사이 아무 곳에나 넣으면 무조건 최하단에 표시됩니다.

하지만 이건 보기에 좋지 않을뿐만아니라 우리가 원하는 위치가 아니기도 하지요.

그래서 위와 같은 소스로 변경 후 입력해줄 필요가 있습니다.

녹색으로 표시된 부분은 테두리 설정 부분입니다. 테두리 색상이나 굵기같은 부분은 입맛에 맞게 변경하시구요.

테두리가 필요없으시면 border 뒤에 1을 0으로 변경해주시면 됩니다.

빨간색으로 표시된 '몽공장의 다른글 더보기'는 위젯 제목을 설정해주는 부분이며, 본인 블로그에 맞게 변경하세요.

그리고 linkwithin 에서 생성된 소스를 '생성된 소스 입력부분에 넣어주시면 됩니다.

아래의 텍스트 파일을 받아서 사용하시면 편리합니다.





이렇게 정리된 소스를 원하는 위치에 넣어주시면 그 위치에 위젯이 출력되게 됩니다.

포스팅 본문 바로 아래에 나오길 원하신다면 HTML/CSS편집에서 "##_article_rep_desc_##" 부분을 찾아줍니다.

그리고 그 바로 아래에 위 소스를 복사하여 붙여넣으시면 포스팅 본문 바로 아래에 위젯이 나오게 됩니다.

별로 어렵지 않죠? 혹시 적용하다가 힘드시거나 모르는 부분은 댓글로 남겨주세요~


저작자 표시 비영리 변경 금지
신고
  • Jay O'clock 2013.05.29 12:11 신고 ADDR 수정/삭제 답글

    좋은 정보 얻어갑니다~~!ㅎ 관련이 있을지는 모르겠지만 블로그 스킨 제작팁 트랙백 넣습니다. ^^

    • 몽공장장 2013.06.02 17:30 신고 수정/삭제

      안녕하세요~ 블로그 구경 잘 하고 왔습니다~
      깔끔하고 간결한 구성의 블로그네요. 부럽습니다.ㅠ

    • 몽공장장 2013.06.02 17:30 신고 수정/삭제

      아~ 그리고 트랙백도 감사해요~
      혹여나 차후에 1단 스킨을 쓰게 되면 꼭 한번 적용해보고 싶네요.ㅋ

    • Jay O'clock 2013.06.02 19:57 신고 수정/삭제

      감사합니다.ㅎㅎ 덕분에 좋은 팁 보고 갑니다.

  • 종규324 2013.10.26 08:18 신고 ADDR 수정/삭제 답글

    잘 보았습니다 포스팅 감사합니다.

  • 김경홍 2016.12.08 15:41 신고 ADDR 수정/삭제 답글

    썸네일 섧정해도 안되는데 방법좀..

TOTAL 2,951,156 TODAY 24