들어가기 전에

http://www.tistory.com 에 마우스 포인터를 올리면 티스토리로 가기라는 것이 나오는데, 이 글에서 설명할 것은 링크에 올리는 것이 아이라 윗 그림에서 볼 수 있는 파란색의 화살표에 마우스 포인터를 올리면 사이트를 미리볼 수 있는 풍선도움말이 나오는 것입니다. 

이것이 무슨 말인지 알기 위해 아래에 나온 것에서 주소가 아닌 파란색 화살표 아이콘에 마우스 포인터를 올려보세요. 그 사이트로 가고 싶다면 사이트를 클릭하거나 사이트 아래에 바로가기에를 누르면 사이트로 갈 수 있습니다. 이 말에 대해서는 아래에서 확인해 보세요.  참고로, 가끔 사이트 미리보기가 안 나오는 것 처럼 보이는데 그 이유에 대해서는 미리보기 사이트 로딩이 느리면 미리보기가 안 되는 것처럼 보이고 약간 시간을 기다리면 바로 보입니다. 그리고  모바일 페이지에서는 파란색 화살표가 안 보이니 미리보기 자체가 안 됩니다.  참고로 visit count는 방문자수입니다.


멋있어서 제가 자바스크립트 등을 사용했다고 착각할 것 같은데 티스토리 블로그의 플러그인인 Durl 버블을 사용한 것입니다. 그러니 여러분이 할 일은 durl.me로 짧은 주소를 만들고 티스토리의 Durl 버블 플러그인을 활성화하는 것입니다. 또한 아래에서 주소를 durl.me로 줄이는 사이트에 대해서도 알아봅니다.

주소는 짧게 하는 두가지 방법

  1. 티스토리 블로그의 Durl 버블이라는 플러그인을 durl 주소된 경우만 사이트를 미리보기 할 수 있는 것이니 durl 사이트인 http://www.durl.kr/ 에서 url(주소)을 짧게 합니다. 사이트에 가서 url 짧게 하거나 변경하는 것은 어렵지 않은데 어렵다면  http://nextgoal.tistory.com/846 를 보면 어렵지 않을 것입니다.
  2. 최근 버전인 Chorme pig에 durl.me로 주소를 줄이는 것은 지원하지 않는다. 현재 지원하는 주소는 goo.gl과 j.mp입니다. 저의 경우는 크롬의  chrome pig라는 확장 프로그램을 사용합니다. 나는 사이트로 이동한 후 아래 그림처럼 chrome pig의 짧은 URL주소 만들기에서 사이트 미리보기는 durl.me 주소만 되므로 durl 주소를 선택하고 마지막에 만들기 버튼을 클릭합니다. chorme pig 다운로드는 http://durl.me/2fzpj 에서 받으면 됩니다.

 - 무료로 팩스보내기 : 하나팩스 -


Durl 버블 플러그인 활성화

주소를 durl 주소도 만들어도 Durl 버블 플러그인을 활성화하지 않으면 사이트 미리보기가 나오지 않습니다. 그러니 durl 주소인데 사이트가 미리보기가 안 된다고 하지 마세요. 블로그 관리에서 플러그인 메뉴의 플러그인 설정을 클릭한 후 나오는 페이지에서 위쪽에 있는 꾸미기를 클릭합니다. 그러면 페이지제일 아래쪽에 아래 그림과 같은 것이 보일 것입니다. 플러그인을 활성화하기 위해 Durl 버블(섬네일 미리보기)를 클릭한 후 사용을 클릭하면 끝입니다.


마치면서 

  • http://www.tistory.com 같은 경우는 주소를 짧게 줄일 필요없습니다. 보통 durl.me는 긴 주소를 짧게 줄이는 것이고 혹시 주소를 짧게 줄이는 goo.gl 등도 사이트 미리보기가 된다고 생각하면 안됩니다. 오직 durl.me로 된 주소인 경우에 아래와 같은 아이콘에 마우스 포인트를 올리면 사이트 미리보기가 됩니다.
  • XE(구 제로보드XE)도 주소에 주소에 마우스 포인터를 올리면 그 사이트가 나오는 애드온이 있었습니다. 그것은 모든 주소에 사이트 미리보기가 나오니 처음에는 신기했고 나중에는 광고 등도 나오니 보기가 싫었고 지금도 있는지는 모르겠습니다. 혹시 durl.me라는 주소를 많이 사용하면 광고가 나올지 모르겠다는 생각도 해봅니다.
  • durl.me  주소를 만드는 사이트가 언제 서비스를 중지할지도 모르고 티스토리 durl 버블 플러그인의 서비스도 언제 중지할 지 모르니 쓸데없이 많은 주소를 사용하지 마시기 바랍니다. 
  • 이 페이지의 모바일 페이지인 http://min-blog.tistory.com/m/391 을 보면 사이트 미리보기가 되지 않는 것을 명심하세요. 스마트폰에서는 안 된다는 말입니다. PC에서 작동하는 플러그인은 스마트폰에서도 100% 작동한다고 생각하지 마세요.

이것은 주소를 durl.me로 변경해주어야 하는 과정을 한 번 거쳐야 하는지라 귀찮습니다. 모든 주소가 해당되는 것이 아니라 durl.me 주소만 해당됩니다.


'블로그/사라졌다' 관련된 글

  1. 이전 댓글 더보기
  2. BlogIcon 소춘풍 2011.01.08 09:55 신고  댓글주소  수정/삭제  댓글쓰기

    사이트 미리보기가 되는 것이였네요!
    저도 어서 설정해놔야겠어요~)b

  3. 문단 2011.01.08 10:08 신고  댓글주소  수정/삭제  댓글쓰기

    durl이 그런 기능을 하는군요. 백전백승님의
    글들은 참 많은 도움이 됩니다. 저도 지식이 늘어가는 것
    같아요...

  4. BlogIcon 초록누리 2011.01.08 11:37 신고  댓글주소  수정/삭제  댓글쓰기

    새로운 기능 하나 배웠네요.
    감사^^*

  5. BlogIcon 책과 핸드폰 2011.01.08 11:44 신고  댓글주소  수정/삭제  댓글쓰기

    이런 것도 있군요!
    사용해봐야겠어요!

  6. BlogIcon 미디어리뷰 2011.01.08 11:48 신고  댓글주소  수정/삭제  댓글쓰기

    아... 망할 수도 있군요 ㅎㅎ
    많이 링크하지는 말라는 말씀까지
    고맙습니다

  7. BlogIcon ☆북극곰☆ 2011.01.08 11:54 신고  댓글주소  수정/삭제  댓글쓰기

    이건 진짜 모르던 기능이네요~ ^^ ㅋ
    신기신기 신기합니다~ ^^ ㅋㅋㅋ
    백전백승님의 유용한 팁 오늘도 잘 보고 가네요~ ㅋㅋㅋ
    한번 앞으로 적용을 조금씩 해봐야겠습니다~ ^ ^ㅋ

  8. BlogIcon 자수리치 2011.01.08 12:40 신고  댓글주소  수정/삭제  댓글쓰기

    전 짧은 주소는 잘 사용하지 않지만, 정말 긴 주소에는 유용할 것 같네요.^^

  9. BlogIcon 레이니아 2011.01.08 14:34 신고  댓글주소  수정/삭제  댓글쓰기

    .me 가 짧은주소인데 링크에 kr 로 되어있어서 오타인가 싶었는데 그게 그거군요^^;
    짧은주소는 트위터때문에 간간히 쓰고있었지만 블로그에서 미리보기를 지원할 줄은 몰랐네요:)
    잘 사용한다면 유용할 것 같습니다^^
    (durl까지 붙이려고 했더니 사이트 주소가 들어가면 댓글 규칙에 어긋나나봐요..OTL)

    • BlogIcon . 백전백승 2011.01.08 21:24 신고  댓글주소  수정/삭제

      사이트 주소가 들어가면 차단되게 한 것은 없습니다. 이제 웬만한 규칙이 없도록 제거했는데 확실히 모르지만 티스토리 블로그는 자유로워 스팸필터와 많이 충돌하여 오류가 많은 것 같아요.

    • BlogIcon . 백전백승 2011.01.08 22:02 신고  댓글주소  수정/삭제

      휴지통을 보니 레이니아님의 댓글이 3개나 차단됐네요.죄송합니다. durl이라는 단어가 없는데 차단된 이유를 알 수 가 없어요.

    • BlogIcon 레이니아 2011.01.09 02:19 신고  댓글주소  수정/삭제

      아마도 듀얼쩜미가 인터넷 주소로 인식되기 때문에 차단되지 않았나 하는 생각이 들었습니다^^;

      인터넷 링크를 거부하는게 아닐까 싶네요^^;

  10. BlogIcon Deborah 2011.01.08 15:28 신고  댓글주소  수정/삭제  댓글쓰기

    간단하고 편리한 기능인데요. 알아두면 좋은 팁 감사합니다.

  11. BlogIcon 꼴찌PD 2011.01.08 15:29 신고  댓글주소  수정/삭제  댓글쓰기

    참 블로그 초보인 제게는 모든게 외계어로 느껴집니다. 글을 차근차근 봐도 잘 모르겠어요...ㅠㅠ

  12. BlogIcon [씽씽] 2011.01.08 15:52 신고  댓글주소  수정/삭제  댓글쓰기

    즐거운 주말 , 행복한 주말되세요 ^^

  13. BlogIcon 재아 2011.01.08 15:53 신고  댓글주소  수정/삭제  댓글쓰기

    저도 사용 해볼까 하다가, 너무 정신 없어 보여서~ 빼 버렸는데요..

    그냥 가능 했으면 좋겠습니다.. 아이콘 없이.. 정해둔다면요... 예를들어 본문에 티스토리 라는 단어를 넣게되면 자동으로 인식을 하는거죠~~;; 백전백승이라는 단어를 넣게되면 자동링크되고, 미리보기 가능하게요 물론.. 환경설정에서 설정하고 지정한다면요~

  14. BlogIcon 멋진성이 2011.01.08 17:06 신고  댓글주소  수정/삭제  댓글쓰기

    정말 편리한데요^^

  15. BlogIcon 신기한별 2011.01.08 20:13 신고  댓글주소  수정/삭제  댓글쓰기

    잘 배우고 갑니다. 즐거운 주말 되세요~

  16. BlogIcon 저수지 2011.01.08 20:24 신고  댓글주소  수정/삭제  댓글쓰기

    좋네요.
    이 기능을 이용하면 홈페이지를 화려하게 꾸밀 수 있겠어요.
    사이트 주소가 쉬워 외우기도 좋네요. 덜미, 목덜미, 뒷덜미, etc..

  17. BlogIcon 칼스버그 2011.01.08 21:15  댓글주소  수정/삭제  댓글쓰기

    블로그의 기능은 정말 다양한 것 같습니다.
    알아도 배워도...
    끝이 없을 것 같아요...
    포근한 겨울밤이시구요.

  18. BlogIcon 꽁보리밥 2011.01.09 05:53 신고  댓글주소  수정/삭제  댓글쓰기

    잘 보고 갑니다.
    다양한 정보들을 활용을 해야함에도 시간에
    쫓기다보니...ㅠㅠ

  19. BlogIcon ageratum 2011.01.09 08:05 신고  댓글주소  수정/삭제  댓글쓰기

    오.. 이런 기능이..
    미리보기는 정말 좋은거 같네요..^^

  20. BlogIcon Mashable 2011.01.10 23:00 신고  댓글주소  수정/삭제  댓글쓰기

    이거 참 신기하더라고요 ㅋㄷ 좋은정보 오늘도 감사합니다.

  21. BlogIcon ° 북극곰 ° 2012.11.07 12:24 신고  댓글주소  수정/삭제  댓글쓰기

    이런것도 있군요 감사합니다 !

    • BlogIcon . 백전백승 2012.11.07 13:11 신고  댓글주소  수정/삭제

      저의 무의미한 댓글을 삭제하면서 북극곰님의 닉네임을 봤는데 혹시 전에 했던 북극곰님의 블로그를 이어받을 것인가 궁금한데 예전에 했던 분 맞나요?
      ps.이 글을 쓴지 오래돼서인지 저에게도 새롭네요.

    • BlogIcon ° 북극곰 ° 2012.11.07 18:55 신고  댓글주소  수정/삭제

      무슨말씀인지 정확히 잘 모르겠네요 !!

      http://seabear.tistory.com

      http://seat.tistory.com/

      전 첨부터 음악 블로그했고 위에 블로그 만들고 주블로그만 바꾸고요

      http://seat.tistory.com/ 요기다 도메인만 올린것 밖에없습니다

      오래됐다니까 저도 기억이 않날수 있지만 뭔일인지 궁금하네요 ??

    • BlogIcon . 백전백승 2012.11.07 19:01 신고  댓글주소  수정/삭제

      아하! 닉네임의 블로그 주소를 보니 알 수 있네요. 닉네임을 같은데 블로그 주소가 다르군요. 이 글 댓글에 '북극곰'이라는 닉네임을 볼 수 있습니다. 제가 그 북극곰과 착각했어요.