묘한오빠의 휴지통
  • 묘한오빠 이야기 (746)
    • 나눔 (382)
      • 나눔을 더하다 (66)
      • 네트워크 (58)
      • 문서도구 (44)
      • 소프트웨어 (97)
      • 운영체제 (84)
      • 하드웨어 (33)
    • 일상 (364)
      • 알림 : 소소한 변화 (50)
      • 글로 적는 혼잣말 (93)
      • 메모하는 습관 (104)
      • 지나간 타임라인 (38)
      • 흥분을 음악속으로 (31)
      • 휴지통 비우는 날 (48)
profile
  관리자
  •   Feed
  •   Write
  •   Manage
  카테고리
    • 묘한오빠 이야기 (746)
      • 나눔 (382)
        • 나눔을 더하다 (66)
        • 네트워크 (58)
        • 문서도구 (44)
        • 소프트웨어 (97)
        • 운영체제 (84)
        • 하드웨어 (33)
      • 일상 (364)
        • 알림 : 소소한 변화 (50)
        • 글로 적는 혼잣말 (93)
        • 메모하는 습관 (104)
        • 지나간 타임라인 (38)
        • 흥분을 음악속으로 (31)
        • 휴지통 비우는 날 (48)
지난 이야기
  자주 찾아보는 블로그
  • 혼자 끄적이는 블로그
  • 땀똔즈블로그
  • SONYLOVE
  • 사진찍기좋은날
  • L E E E U N S O O
  • 데보라의 Love Letter
  • veneto 이야기
  • 시아의 작고 아담한 집
  • 언젠간날고말거야
  • 꽁기꽁기한 블로그
  • @web's CSS
  • 멜로요우's 우주도서관
  • 감성사진관
  • Under Pressure
  • 베짱이 공간
  • 내 안의 디지털 세상
  • 고요한 산사의 풍경소리
  • TONI MAGAZINE
  • toni daily
  • 좋은영어습관s2
  • 소소한 IT 정보
  • oriole
  • Lifestream
  • 트와이스
  • 아리따움 ; Kiss Me
  • 밤비소리
링크 추가 하기
Youtube Music
  • 이문세
  • 아이유
  • 악동뮤지션
  • MAX, Felly - Acid Dreams
  • 인스타 감성 팝
  • 그루브 타기 좋은 팝
  • 어느 문학청년의 음악모음
  • 센치한 가을 바람
  • 슬플 때 더 슬퍼지는 발라드
  • 밤에 듣기 좋은 감성 발라드
  • 7080 추억의 노래모음
  • 겨울에 듣기 좋은 노래 베스트
  • 발라드 명곡 모음
  • 겨울에 듣기 좋은 발라드
  • 썸탈때 듣기 좋은 노래
  • Ol'Skool Classics Vol 1 DJ Suss 2
  • Old School 80s Black Music R&B Soul
  • Boleros En Ingles
  • Nada Será Como Antes
  • Yuhki Kuramoto Piano Affection
  • Yuhki Kuramoto 1st Album Reminiscence
  • Yuhki Kuramoto Romance Collection 10th Anniversary
  • YTN LIVE
  • Background music 1
  • Background music 2
  • Background music 3
  • Background music 4
  • Background music 5
  • Background music 6
  • Background music 7
  • Background music 8
  • Background music 9

How to use

  • Internet Explorer에 대한 지원을 종료합니다
  • 블로그 이용하기 전, 한번쯤 읽어보면 좋다
  • 이곳은 Chrome을 이용한 PC화면에 최적화 되었습니다
  • 블로그, 버리지 못하는 이유와 변명
  • 당신의 안부나 궁금한 질문을 남겨보세요
  • 알림, 묘한오빠 블로그의 소소한 변화
  • 지난 글, 아무 생각 없이 읽는 재미가 있었다.
  • 마우스 오른쪽 클릭 이벤트 contextMenu를 변경
  • 사진첨부, 질문할 때 답변을 받기 쉬운 방법
  • Bookmark, 이것저것 모아놓은 나만의 즐겨찾기
  • 티스토리 : 대표이미지와 기본 제공되는 이미지 변경방법
  • 티스토리 : 특정 카테고리를 이미지 풀커버 타입으로 변경
  • 티스토리 : 본문 내용을 이미지 풀커버 타입으로 변경
  • 마우스 : 더블클릭(dblclick) 이벤트로 랜덤페이지 노출
  • 유튜브 : 동영상 썸네일을 추출하는 방법에 대한 고민
  • 블로그 : 스킨 변경 테스트가 완료되었습니다
  • 새로운 인기글 치환자를 이용한 인기글 사이드바 적용방법
  • 404 에러 페이지를 보기 좋게 수정해 본다.
  • 댓글의 링크, 이미지, 유튜브를 자동으로 등록하도록 수정하다
  • 청춘일기님이 소개하신 "구글의 새로운 한글 웹폰트" 구경해 보세요

Recent Posts

  • 혼자만의 생각에 잠기기(1)
  • 모바일 크롬 제스처 활성화 방법
  • 잘못된 경로의 접속을 제한합니다.
  • 적당한 곳에서 멈출 줄 알아야 한다(8)
  • 스컬프트 터치 마우스(2)
  • Learning JavaScript eBook (PDF)(4)
  • 오늘 행복한 사람이 내일도 행복합니다.(8)
  • 큰 자원은 오히려 독이 될 수 있다 ?!(5)
  • 나만의 랜덤한 블로그 배경이미지를 만들다(4)
  • 나의 기억속에 사천시는 아웃이다.(4)
  • 가을 : 하늘은 높고 말은 살찐다는 풍요로운 계절(2)
  • iOS 12.4.1 소프트웨어 업데이트(2)
  • 티스토리 구에디터의 글 더보기 오류를 알립니다(4)
  • 티스토리 : 댓글에 자동 링크, 이미지, 비디오..(2)
  • 타인을 통제하면 사람을 잃는다
  • 혼잣말 : 버릇처럼 혼자 하는 말, 잘 될 거야 괜..(4)
  • META tag : 티스토리 대표이미지와 이미지 없을..(2)
  • 썸네일 : 대표이미지가 없을때 대체 이미지로 보..(2)
  • 새로운 소식 : 티스토리 주간 구독 리포트에 소..(8)
  • 내일은 더 나쁠 거라고 생각하라(4)

Popular Posts

  • 아코디언 : Accordion Multiple Dropdown 메뉴를..(6)
  • Hack : Intel USB 3.1 Driver 64bit ( 8th , Win..(11)
  • 유튜브 : 7080 추억의 노래모음(4)
  • 윈도우 10, 정품구입을 하고 보니 미디어가 USB..(10)
  • 여름 : 더워야 맛이긴 하지만...,(8)
  • Full Cover : 본문 내용을 이미지 풀커버 타입으..(13)
  • 바람 : 아무리 흔들고 흔들어도 제자리로 돌아오..
  • 선물 : QCY T2s 블루투스 5.0 무선 충전 이어폰(6)
  • 행사상품 : 이라고 적고 사기라고 읽었다(6)
  • 최고의 성능 : 윈도우 10, 전원 관리 옵션 비활..
  • 배경화면 : 나의 아이폰에서 사용(9)
  • 인간은 목표를 향해 나아가도록 디자인되어 있다(10)
  • 감정을 전달할 땐 말 대신 행동으로 하라
  • 티스토리 : 특정 카테고리를 이미지 풀커버 타입..(16)
  • 에디션 : 윈도우 10 상용판 비교
  • 마이크로소프트 : 이용 약관 업데이트(2)
  • 썸네일 : 대표이미지가 없을때 대체 이미지로 보..(2)
  • META tag : 티스토리 대표이미지와 이미지 없을..(2)
  • 티스토리 구에디터의 글 더보기 오류를 알립니다(4)
  • iOS 12.4.1 소프트웨어 업데이트(2)

Recent Comments

  • 막걸리 먹으면서 봐야겠네요~ ㅎㅎ;
  • 사실 피그툴만한게 없기는 하죠 ^^;
  • 어떤 글을 보시고 댓글을 다셨는지 궁금합니다 ^..
  • 혹시 제가 남긴 글을 못보실가싶어 최신글에 다..
  • crx 는 제스쳐만 있는 프로그램으로서 기능은 편..
  • 지칠때..., 그때 쉬시면 되죠 ^^
  • 제가 성격이 좀 그래요. 끝장을 봐야 하는 성격..
  • 도움이 되셨다니..., 좋습니다 ㅎㅎ
  • 옆에서라도 누가 잡아주면 좋으련만... ^^;
  • 아하.. 정말 좋은 팁이군용
  • 적당한 곳을 찾기가 너무 어렵네요..
  • iframe 배경에 관련한 글은 딱히 없는데..., 원..
  • 글에 링크된 iframe 이 배경으로 나오게 하는 방..
  • 12월말까지는 답이 없네요 ㅠㅠ
  • 응원에 힘이 나네요. 고마워요 ^^
  • 지난번처럼 일탈을 한 번 하셔야.... ㄷㄷㄷㄷ..
  • 여전히 많이 바쁘신가 보네요... 힘내시란 말 밖..
  • 그동안 긴가민가하던 것들을 어느정도는 알수 있..
  • 오.. 이런것도 있네요.. 너무 좋은데요?^^
  • 이런건 널리 알려서 같이 사용해야죠 ㅎㅎ😸

Support & Download

  • 경찰청 사이버 안전국스마트쉼센터
  • 개인정보침해신고센터인터넷 보호나라
  • 한국인터넷진흥원한국인터넷진흥협회
  • 한국정보화진흥원정보통신산업진흥원
  • 한국저작권보호원한국소프웨어저작권협회
  • 한국정보보호학회한국디지털포렌식학회
  • 한국인터넷정보학회한국정보법학회
  • 정보통신정책학회정보통신정책연구원
  • 한국데이터진흥원수신거부의사등록시스템
  • 한국정보통신기술협회방송통신심의위원회
  • 한국정보통신신문학부모정보감시단
  • Windows Update NotesUpdate Catalog
  • Microsoft MSRCSecurity Update Guide
  • Microsoft SupportCommunity
  • Microsoft On the IssuesOfficial Blog
  • Microsoft 10 DownloadBase Images
  • Office Earlier VersionPopular Downloads
  • Microsoft Technet ForumsOther sites
  • Malware Zero KitOracle VM VirtualBox
  • Windows ForumExtreme Manual
나눔/나눔을 더하다
티스토리, 댓글의 http 링크가 클릭 되도록 수정
  묘한오빠 · 2017. 9. 4. 20:35 · 30

주소에 마우스를 클릭, 해당사이트로 이동. 본문 글쓰기에도 url 를 입력하지 않아도 자동링크가 생성.


티스토리, 댓글의 http 링크가 클릭되도록 수정.


티스토리 블로그의 경우 댓글이나 방명록에 http 로 시작하는 주소를 입력하면 본문과 같이 자동링크 설정이 안된다.

사이트 - http://blog.kjslab.com/16 를 참고, autolink.js 와 jquery-1.9.1.js 스크립터를 이용한 댓글 자동링크 설정방법을 적용해 본다.



설정방법은 간단하다.


일단, 첨부파일을 다운로드 받고 티스토리에 파일을 업로드 한다.


autolink.zip

jquery-1.9.1.zip


티스토리 skin.html을 열어 그림과 같이 <title> 위에 


<Script Type="Text/Javascript" Src="./Images/Autolink.Js"></Script>

<Script Type="Text/Javascript" Src="./Images/Jquery-1.9.1.Js"></Script>

를 삽입한다.




skin.html 파일 맨 아래에 그림과 같이 


<script type=text/javascript>autolink($('#container'));</script>

를 삽입한다. 

단, #container 이름은 티스토리 블로그의 스킨마다 다르니 본인 스킨에 맞게 수정하여 입력한다.



저작자표시비영리변경금지
태그
autoLink, Autolink.Js, HTTP, Jquery-1.9.1.Js, script, skin.html, 간단, 그림, 나눔, 다운로드, 댓글, 링크, 변경, 본문, 블로그, 삽입, 설정, 수정, 스킨, 알림, 입력, 자동, 자동링크, 주소, 참고, 티스토리
카테고리 다른 글
related
티스토리 첫페이지 랜덤하게 접속되게 하는 방법
related
티스토리, 단축키를 쓰면 편해요
related
포토샵 없어도 배경을 투명한 PNG 파일로 만든다
related
HTML Color Hex - 블로그 스킨, 수정때 필요한 칼라코드
30

(?)
확인
  1. profile
    SONYLOVE 2017.09.05 11:04 신고      

    저도 이거 해놔야 하는데 생각만 하고 미루기만 하고 있었는데 이참에 추가해야겠네요..

    • 묘한오빠 2017.09.05 17:05 신고      

      댓글에 주소입력시 링크가 자동으로 되는게 생각보다 편하길래 추가했는데, SONYLOVE님도 이 기회에 추가해 놓으시면 편하실거예요. 환절기 건강 조심하세요.

  2. profile
    Spatula 2017.09.25 14:41 신고      

    재미있네요~
    일단 코드는 손 안대기로 했기 때문에...
    패스하지만, 랜덤 첫 페이지등 묘한 구석이 많은 블로급니다!!!

    • 묘한오빠 2017.09.25 14:46 신고      

      http://ooppa.tistory.com 이나 상단에 집모양 아이콘을 누르시면 매번 새로운 페이지로 랜덤하게 접속이 가능하도록 했습니다.
      필요하실 때, 말씀하세요 ^^

    • Spatula 2017.09.25 14:58 신고      

      신비롭습니다!!!

    • 묘한오빠 2017.09.25 15:23 신고      

      변덕이 죽끓듯하다보니 ...ㅋㅋ

  3. profile
    2018.01.10 18:55      

    비밀댓글입니다

    • 묘한오빠 2018.01.10 21:55 신고      

      위의 설명대로 js파일 업로드 하시고

      <!-- 추가 - 댓글 autolink -->
      <script type="text/javascript" src="./images/autolink.js"></script>
      <script type="text/javascript" src="./images/jquery-1.9.1.js?ver=1.9.1"></script>
      <script type="text/javascript"> autolink($('#container')); </script>

      </html>끝나는 바로 위에 넣으시면 됩니다

      블로그 찾아가서 소스보기해서 js파일 클릭하니 404에러가 뜨는것 봐서는 js파일이 업로드가 안되었던지 아니면 경로가 잘못되었던지 하지 않을까싶네요

    • 묘한오빠 2018.01.10 22:03 신고      

      404에러 원인은 대/소문자 구분 때문에 그렇습니다.
      업로드된 js파일 대/소문자 구분해 주면 됩니다. 링크를 소문자로 변경해서 접근하니 정상동작 확인했습니다 ^^

    • 호모구거투스 2018.01.11 20:12 신고      

      알려주신 방법으로 해결했습니다.
      직접 소스 분석도 해주시고, 정말 감사합니다~

    • 묘한오빠 2018.01.11 20:26 신고      

      기존에 있던 것을 공유하는 것이라... 해결되셨다니 다행입니다.
      잘 모르는 저에게 질문해 주셔서 제가 더 영광이죠 ^^

  4. profile
    눈곰이 2018.03.09 13:03 신고      

    안녕하세요. http://mysnowbear.tistory.com 을 운영하고 있는 '눈곰'이라고 합니다.
    묘한오빠님께서 안내해주신대로 java script 파일을 티스토리에 업로드하고, 코딩들을 붙였는데요. 제 블로그에서는 댓글에서 http://..로 시작하는 주소들이 자동 클릭이 되지 않습니다. 혹시 왜그런지 한번만 살펴봐주실 수 있을까요? 감사합니다 ㅠㅠ

    • 묘한오빠 2018.03.09 13:52 신고      

      찾아주셔서 감사합니다. 아래와 같이 답변을 참고하시면 될것 같네요 ^^

      id 는 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름. (표기방식은 #이름)
      하나의 문서에 고유한 id 하나밖에 쓸 수 없습니다.

      class 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름. (표기방식은 .이름)

      ID, CLASS 이름은 자유롭게 지으면 되지만 숫자로 시작해선 안 됩니다.

      <nav class="navbar navbar-fixed-top">
      <div class=container>

      를

      html에서 <div id=container> 로 변경하셔야 하고 style.css에서도 #container 선언을 해주셔야 합니다

      저의 경우 </html> 바로 위에 아래와 같이 한번만 해주시면 됩니다.

      <!-- 추가 - 댓글 autolink -->
      <script type="text/javascript" src="./images/autolink.js"></script>
      <script type="text/javascript" src="./images/jquery-1.9.1.js?ver=1.9.1"></script>
      <script type="text/javascript"> autolink($('#container')); </script>

      블로그를 보시니 <html> 시작에도 넣으시고 </html> 마지막에도 2중으로 넣으셨던데 그러면 블로그 속도가 느려지지 않을까싶네요

    • 눈곰이 2018.03.09 14:06 신고      

      친절한 답장 감사합니다. 혹시 css에서 #container 선언을 어떻게 하는지도 알려주실 수 있을까요?

      단순히 css에다가 #container 를 한 줄만 써주면 되는건가요?

    • 묘한오빠 2018.03.09 14:12 신고      

      id, class 에 대해 찾아보셔야 할듯합니다.

      "이건 여기다 넣어라"라고 말씀드리지 못하는 이유는 bootstrap도 사용하신것을 보아 JS끼리 충돌이 생길수도 있기 때문이고 skin파일 어떻게 구현될지 가늠하지 못하기 때문입니다.

    • 눈곰이 2018.03.09 14:27 신고      

      제가 알고 있기로는 css는 폰트의 색깔이나 폰트 사이즈, border의 크기나 border radius를 정하는 곳인데요. 제가 보통 css에서 사용했던건 class라서 .(class name)이런식으로 썼구요.

      그래서 #container 선언하는 것도 class 사용했던거랑 비슷하게 하면 될 것 같은데요.

      선언 내용을 무엇으로 하면 되는지 여쭈어 본 것입니다!

      혹시 길잡이를 알려주신다면 더 찾아서 제 블로그에 꼭 이 기능 적용해보겠습니다. 조금만 더 도와주신다면 정말로 감사하겠습니다!

    • 묘한오빠 2018.03.09 15:06 신고      

      설명드리면 skin에서 div id=container 라고 하셨다면 css에서 .container 가 아니고 #container 라고 변경해야 한다는 말입니다
      그에 맞게 수정을 하셔야되겠습니다

  5. profile
    눈곰이 2018.03.09 15:15 신고      

    지금 옆자리 친구의 도움으로 찾아보니 굳이 autolink($('#container'))라고 써줄 필요가 없는 것 같은데요? div class=container처럼 class로 정의가 되어있으니 autolink($('.container'))로 하면 잘 작동하더라구요. 왜 class->id로 바꾸라고 권유하셨는지 여쭈어봐도 될까요?

    • 묘한오빠 2018.03.09 15:42 신고      

      id 는 스타일을 지정할 때 한 가지만 지정해서 고유한 id 하나밖에 쓸 수 없는 이름,
      class 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름이기 때문입니다.

      일반 스킨이나 반응형 스킨이나 나중에 관리가 용이하게 하기 위해서 그렇습니다.

  6. profile
    눈곰이 2018.03.09 18:46 신고      

    덕분에 이제 댓글에서도 http 링크 클릭이 가능하네요! 앞으로도 좋은 글 많이 써주세요 ^^

    • 묘한오빠 2018.04.18 12:46 신고      

      도움이 되셨다니 다행입니다. ^^

  7. profile
    J uu 2018.04.18 11:10 신고      

    안녕하세요. 제가 찾던 기능이라 글 설명대로 모두 따라 했는데 잘 안됩니다. 혹시나 댓글 영역을 감싸는 div 클래스 명을 모두 넣어보면서 테스트해봤는데도 적용이 안되더라고요. 지금 사용하고 있는 스킨은 html에 container라는 id가 없습니다. body 하단에 들어가는 스크립트에서 #container는 무슨 영역이며 이런 경우는 어떻게 해결할 수 있을지 여쭤봐도 될까요? 초면에 번거로운 질문 죄송합니다 ㅠ

    • 묘한오빠 2018.04.18 12:47 신고      

      스크립터 대소문자 구분하셨는지... 스크립터 경로는 잘 설정하셨는지... 궁금하네요

    • J uu 2018.04.18 12:50 신고      

      타이틀 위에 들어가는 소스는 모두 소문자로 바꿨고 파일 모두 업로드 했고 다 확인했어요. 지금 이것 저것 만져보고 있습니다.

    • 묘한오빠 2018.04.18 12:52 신고      

      cont...는 따로 설정하기 귀찮아 div 레이아웃의 가장 큰 테두리에 지정했다고 생각하시면 됩니다.

    • J uu 2018.04.18 12:57 신고      

      엇! 방금 말씀하신 댓글을 보고 container를 body의 id로 바꿨더니 바로 적용됐어요!

    • J uu 2018.04.18 13:19 신고      

      테스트 해보니까 잘 됩니다. 이제 css 만지는 일만 남았네요. 좋은 글 감사합니다!

    • 묘한오빠 2018.04.18 15:05 신고      

      뭔지 모르지만 도움이 되셨다니 ^^

  8. profile
    가짜뉴스아웃 2019.09.05 18:01 신고      

    안녕하세요~
    그대로 따라했고 방명록이나 댓글에 주소 입력했을때 안되는데 body아이디를 잘못 넣어둔건지 어렵네요ㅠㅠ!!고수님 도와주세요~~ㅠㅠ

    • 묘한오빠 2019.09.05 18:10 신고      

      #container 이름은 티스토리 블로그의 스킨마다 다르니 본인 스킨에 맞게 수정하여 입력하셔야 합니다

 
 
1 ··· 455 456 457 458 459 460 461 462 463 ··· 746
남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다
Marshall-K가 만들고 묘한오빠는 채운다
  • 전체 : 3,987,735
  • 오늘 : 32
  • 어제 : 458

티스토리툴바