반응형
안녕하세요 마이다스입니다. 오늘은 티스토리 블로그에서 그림에 링크거는 방법을 공유해 보려고 합니다.
티스토리 블로그에서는 그림에 링크가 잘 안걸어지는데요. 간단한 테그를 활용하여 내 블로그 그림에 링크를 거는 방법을 한번알아보도록 합시다~ ㅎ
그림에 링크~ 그냥 딱 보면 쉬운것 같지만... 생각처럼 쉽지만은 않습니다. 우선 티스토리 블로그에서 간단하게 링크를 걸어놓고 소스를 한번 살펴볼까요?
링크예시
(a href="http://mydascap.tistory.com/315" target="_blank" title="[http://mydascap.tistory.com/315]로 이동합니다.")링크예시(/a)
요렇게 되어 있습니다.
a href="이부분은 이동할 페이지의 URL을 표시하는 부분입니다."
title="이부분은 링크의 타이틀을 적는 부분입니다."
바꾸어 볼까요?
링크예시2
위의 링크예시 와 링크예시2 위에 마우스 오버를 해봅시다~
차이가 느껴지시나요? 이번에는 본격적으로 이번 포스팅의 핵심! 그림에 링크걸기입니다!
1.우선 링크 걸고자 하는 적당한 이미지를 찾습니다!
요 이미지가 올라가 있는 주소가 있어야 합니다. 여기서는 편의상 http://mydascap.tistory.com/admin/entry/filePreview/cfile10.uf@2020EF484DFF05B4091D04.jpg 라고... 제가 따봤습니다.
이미지가 웹상에 올라가 있을 때 마우스 우클릭해서 이미지 url 복사하기 눌러서 딴겁니다.
2. 해당 그림에 링크를 걸 주소를 찾아야겠지요?
우선 위에 예시에 사용된 링크를 가지고 한번 해보기로 하겠습니다. 링크 주소는 http://mydascap.tistory.com/315 였습니다.
3. a 태그를 활용한 태그를 만듭니다.
소스는 아래와 같습니다.
(a href="http://mydascap.tistory.com/315" target="_blank" title="이미지활용")(img src="http://mydascap.tistory.com/admin/entry/filePreview/cfile10.uf@2020EF484DFF05B4091D04.jpg")
링크주소와 타이틀, 이미지 주소와 ()만 <>로 바꾸어 주시면 원하시는대로 활용 가능하세요...
사이즈나 테두리 같은것도... 원한다면 넣을수 있습니다...만.... 귀찮..네요 ㅋㅋㅋ
감이 오십니까? 요걸 활용하면 마찬가지로 다양한 용도로 이용하실 수가 있습니다.
비단 블로그를 마케팅 채널로 활용하려고 하시는 분이 아니라고 하여도.. 그림에 링크를 걸 수 있다면 자신의 예전글에 어울리는 이미지를 넣고 이미지 링크를 통하여 재미있게 내부인용을 활용하실 수도 있겠지요? ㅎㅎ
링크프라이스나 보험쪽에서 움직이고 계시는 분들 중에도... 이렇게 이미지 링크를 활용하여 마케팅을 진행하시는 경우가
종종 있더군요...
마이다스가 요즘 미쳤나봅니다 ㅎㅎ 잘 알지도 못하는 html에 대해서... 배워도 모자랄판에... 지가 설명을 하고 앉아있으니 말입니다. 사실은... 몇몇 분들이 마이다스에게... 블로깅에 대하여 궁금한 점을 묻고 계시고... 이에 대하여 일일히 설명하는것보다는마이다스도 정리좀 할 겸... 한번 정리해 보려는 것이지요 ㅎㅎ
또또!!! 더 궁금하신 것이 있다면... 언제든 물어봐 주세요! 다음 편은 트랙백이 무엇이며... 어떻게 활용하는것이 좋을까!! 입니다.
고수님들 앞에서... 변방의 잡블로거 마이다스 나부랭이가... 말이 너무 많네요 ㅋㅋㅋ
티스토리 블로그에서는 그림에 링크가 잘 안걸어지는데요. 간단한 테그를 활용하여 내 블로그 그림에 링크를 거는 방법을 한번알아보도록 합시다~ ㅎ
그림에 링크~ 그냥 딱 보면 쉬운것 같지만... 생각처럼 쉽지만은 않습니다. 우선 티스토리 블로그에서 간단하게 링크를 걸어놓고 소스를 한번 살펴볼까요?
링크예시
(a href="http://mydascap.tistory.com/315" target="_blank" title="[http://mydascap.tistory.com/315]로 이동합니다.")링크예시(/a)
요렇게 되어 있습니다.
a href="이부분은 이동할 페이지의 URL을 표시하는 부분입니다."
title="이부분은 링크의 타이틀을 적는 부분입니다."
바꾸어 볼까요?
링크예시2
위의 링크예시 와 링크예시2 위에 마우스 오버를 해봅시다~
차이가 느껴지시나요? 이번에는 본격적으로 이번 포스팅의 핵심! 그림에 링크걸기입니다!
1.우선 링크 걸고자 하는 적당한 이미지를 찾습니다!
우선 급한대로 요녀석으로!
요 이미지가 올라가 있는 주소가 있어야 합니다. 여기서는 편의상 http://mydascap.tistory.com/admin/entry/filePreview/cfile10.uf@2020EF484DFF05B4091D04.jpg 라고... 제가 따봤습니다.
이미지가 웹상에 올라가 있을 때 마우스 우클릭해서 이미지 url 복사하기 눌러서 딴겁니다.
2. 해당 그림에 링크를 걸 주소를 찾아야겠지요?
우선 위에 예시에 사용된 링크를 가지고 한번 해보기로 하겠습니다. 링크 주소는 http://mydascap.tistory.com/315 였습니다.
3. a 태그를 활용한 태그를 만듭니다.
소스는 아래와 같습니다.
(a href="http://mydascap.tistory.com/315" target="_blank" title="이미지활용")(img src="http://mydascap.tistory.com/admin/entry/filePreview/cfile10.uf@2020EF484DFF05B4091D04.jpg")
링크주소와 타이틀, 이미지 주소와 ()만 <>로 바꾸어 주시면 원하시는대로 활용 가능하세요...
사이즈나 테두리 같은것도... 원한다면 넣을수 있습니다...만.... 귀찮..네요 ㅋㅋㅋ
감이 오십니까? 요걸 활용하면 마찬가지로 다양한 용도로 이용하실 수가 있습니다.
비단 블로그를 마케팅 채널로 활용하려고 하시는 분이 아니라고 하여도.. 그림에 링크를 걸 수 있다면 자신의 예전글에 어울리는 이미지를 넣고 이미지 링크를 통하여 재미있게 내부인용을 활용하실 수도 있겠지요? ㅎㅎ
링크프라이스나 보험쪽에서 움직이고 계시는 분들 중에도... 이렇게 이미지 링크를 활용하여 마케팅을 진행하시는 경우가
종종 있더군요...
| 마이다스 요즘 왜이러냐? |
마이다스가 요즘 미쳤나봅니다 ㅎㅎ 잘 알지도 못하는 html에 대해서... 배워도 모자랄판에... 지가 설명을 하고 앉아있으니 말입니다. 사실은... 몇몇 분들이 마이다스에게... 블로깅에 대하여 궁금한 점을 묻고 계시고... 이에 대하여 일일히 설명하는것보다는마이다스도 정리좀 할 겸... 한번 정리해 보려는 것이지요 ㅎㅎ
또또!!! 더 궁금하신 것이 있다면... 언제든 물어봐 주세요! 다음 편은 트랙백이 무엇이며... 어떻게 활용하는것이 좋을까!! 입니다.
고수님들 앞에서... 변방의 잡블로거 마이다스 나부랭이가... 말이 너무 많네요 ㅋㅋㅋ
마이다스 배상
반응형
