내 블로그를 광고하자 - 배너광고 링크걸기

지난번에 움직이는 배너광고를 만드는 법에 대하여 간단하게(실제로 간단하게 보셨는지는 모르겠지만) 설명 드렸는데요. 아마도 어렵게 만든 배너광고를 어떻게 링크걸어야 할지 모르시는 분들이 있을 것 같아서 이번엔 링크 거는 방법에 대하여 알려드리도록 하겠습니다. 마침 제 이웃블로그이신 신비한 데니님께서 어떻게 사용해야 하는지에 대하여 문의도 주셨고 하니 빠르고 쉽게 답변해 드리는게 도리일 듯 하여 최대한 쉽게 설명하도록 하겠습니다.

지난글 보기:
내 블로그를 광고하자 - 움직이는 GIF 애니매이션 배너광고 만들기

말이 길어지면 또 복잡해 질 것 같아서 간단하게 이미지를 통해서 차근차근 설명 하도록 합니다.

* 이미지가 보이지 않으면 새로고침을 누르시거나 이미지에 마우스를 올려놓고 오른쪽 버튼을 누르신 후 그림보기(Show Picture)를 클릭하시면 보입니다.

1. 배너(이미지) 등록하기

우선 티스토리 블로그를 이용하여 배너(이미지)를 등록하는 방법에 대하여 간단하게 말씀드리면 티스토리에서는 HTML/CSS 를 이용하여 스킨을 편집하는 기능이 있습니다. 페이지로 이동하신 후 "파일 업로드" 텝을 클릭하시면 아래와 같은 화면을 만나실 수 있습니다.

오른쪽에 위치한 파일 업로드 버튼을 다시 클릭해 주세요. 아래와 같은 화면이 나오면 앞서 만드신 배너가 위치한 경로를 찾아서 배너를 선택하시고 오픈해주시면 됩니다. 

파일이 몇초간 전송된 후 아래와 같은 화면을 만나신다면 파일 업로드가 완성된 것입니다. 확인을 클릭하시고 완료해 주시면 됩니다.

만약 Flickr, 싸이월드, 네이버 블로그, 다음 블로그등을 이용하신다면 사진업로드 기능을 이용하여 업로드 하시면 됩니다. 배너 업로드가 왈료되었다면 다음은 이미지 경로를 찾아야 합니다.

2. 배너(이미지) 경로찾기

배너 업로드가 완료되면 아래와 같이 파일이 보여지게 됩니다. 업로드하신 배너 파일을 클릭하시면 왼쪽창에 이미지가 보여지게 됩니다. 

보여지는 이미지 위에 마우스를 올리시고 오른쪽 버튼을 클릭하신 후 "속성; Properties" 을 클릭하시면 오늘쪽과 같은 화면이 나옵니다. "이미지 경로: Address(URL)" 부분이 배너가 위치한 경로 입니다.

경로부분을 마우스로 드래그(왼쪽버튼을 누른후 글자를 선택) 하여 선택해주세요. 그리고 오른쪽 버튼을 누른 후 "복사(Copy)" 해주세요.

만약 Flickr, 싸이월드, 네이버 블로그, 다음 블로그등을 이용하시는 분도 마찬가지로 업로드한 배너에 오른쪽 버튼을 눌러서 이미지 경로를 복사하시면 됩니다.

지금까지가 여러분의 배너를 경로를 가져오는 방법입니다. 이제 본격적으로 링크를 만들어 다른 블로그나, 다른 사이트에 링크를 걸수 있도록 만들어 보겠습니다.



3. HTML 테그를 이용하여 배너에 링크걸기

링크를 걸기위한 테그는 <a href=" 라는 테그입니다. 다 알려고 하면 복잡하니까 간단하게 소스를 복사해서 올릴 수 있도록 테그를 만들었습니다.

아래 테그를 복사해서 사용하세요.

<a href="블로그 주소 들어갈 자리" target="_blank">
<img src="이미지 경로 들어갈 자리" border="0">
</a>

위 테그를 복사해서 배너가 들어갈 자리에 넣어주시면 됩니다.

저와 배너를 교환하고 싶으신 분은 요기를 클릭 해주세요.

지난글 보기: 내 블로그를 광고하자 - 움직이는 GIF 애니매이션 배너광고 만들기



글이 유익하거나 도움이 되셨다면 아래 손가락을 꼭 눌러서 추천 부탁 드립니다.
추천은 다음(DAUM) 아이디가 없어도 하실 수 있습니다.
끝까지 읽어주신 분들께 진심으로 감사 드립니다.