블로그 이미지
더 나은 삶을 꿈구는 쥔장의 생각을 공유하는 공간 입니다. 별거 없구요. 그냥 주저리 제 나름의 생각을 정리하는 블로그가 될 것입니다. 루이더뉴요커

최근 글 목록
최근 댓글 목록
최근 트랙백 목록
최근 글 보관함
« 2024/3 »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

 
 

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

IT/인터넷 | 2010. 2. 13. 14:46 | Posted by 루이더뉴요커

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

지난글 보기:
내 블로그를 광고하자 - 움직이는 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) 아이디가 없어도 하실 수 있습니다.
끝까지 읽어주신 분들께 진심으로 감사 드립니다.

Share |

구독신청을 하시면 더 쉽게 저의 글을 읽으실 수 있습니다. 구독 신청은 무료 입니다.

다음뷰 구글리더 HanRSS 마이야후 블로그피드 블로그라인 페이스북 트위터
다음으로 구독하기 구글로 구독하기 한RSS로 구독하기 마이야후로 구독하기 RSS FEED 구독하기 블로그라인으로 구독하기 페이스북 친구신청 트위터 친구신청
:

Share |
은 분들이 각자 개인의 블로그를 운영하고 계십니다. 물론 그래픽 프로그램을 잘 다루시는 분들은 별 문제가 없겠지만 혹시 다른 블로그들과 서로 배너 광고 교환을 원하시는 분들중에 그래픽 프로그램을 이용하여 배너를 만드는 방법을 잘 모르시는 분들이 있을까 하여 포토샵으로 배너 만드는 방법을 간단하게 설명해 드릴까 합니다.

물론 온라인 웹사이트를 검색하면 GIF 애니메이션 광고 만드는 방법에 대하여 다양한 정보를 찾을 수 있겠지만 조금 더 쉽고 구체적으로, 초보자도 쉽게 따라할 수 있도록 자세하게 설명드리도록 하겠습니다.



포토샵과 GIF 애니메이션 : Adobe Photoshop, Gif Movie Gear


어도비에서 판매하는 포토샵이라는 프로그램이 많이 비쌉니다. 따라서 윈도우 사용자들에게 기본적으로 제공되는 '그림판'이나 기타 다른 그래픽프로그램을 사용하더라도 방법은 상당히 유사합니다.

그리고 GIF 애니메이션은 무료로 제공되는 Gif Movie Gear를 사용하기로 합니다. 30일간 무료로 사용할 수 있구요, 기간이 지나면 구매를 해야 하는데요. 30일동안 열심히 만들고 지워버리면 되지요.


무료 Gif Movie Gear 다운로드: (다운로드 후 인스톨 과정은 생략하도록 하겠습니다.)

다음 자료실: http://search.daum.net/search?w=tot&t__nil_searchbox=btn&q=gif%20movie%20gear
gamani: http://www.gamani.com/gmgdown.htm


포토샵을 이용하여 이미지 만들기



우선 포토샵을 실행한 후에 왼쪽 상단의 File(화일) 탭을 크릭하여 새로운 창을 만듭니다. 




우선 새로열게 되는 창의 이름을 입력하고 이미지의 크기는 광고 사이즈에 따라 다르게 입력하시면 됩니다. 해상도(Resolution)의 경우 웹사이트에 표현되는 일반적인 값이 72 입니다.



아래와 같이 새로운 이미지 창이 열리면 글자입력툴과 색상 선택툴을 이용하여 원하는 색상으로 글자를 입력합니다.



좀 더 전문적으로 포토샵을 다룰 줄 아시는 분은 왼쪽에 보이는 것과 같은 글자툴을 이용하여 글자 크기 줄간격등을 조정하시면 됩니다. 글자색도 변경하실 수 있습니다.



일단 하나의 이미지가 완성이 되면 다시 File(화일)탭을 클릭하시고 Save As(다른 이름으로 저장)을 클릭하셔서 저장 하시면 됩니다.


저장하실때는 Jpg 포멧이나, Gif 포멧으로 저장 하셔야 하며 움직이는 배너를 만들기 위해서 교차되는 이미지를 앞의 방식을 반복하여 제작합니다.



저장하실때 Quality는 보통 10-12 정도로 저장하시면 원하시는 품질의 배너를 얻으실 수 있습니다.



저의 경우는 3개의 이미지가 순차적으로 움직이도록 제작하기 위하여 3개의 이미지를 만들었습니다.



GIF Movie Gear 를 이용하여 움직이는 이미지 만들기


앞에서 다운받아 설치하신 GIF Movie Gear를 실행 합니다. 실행하면 아래와 같은 화면이 나오는데 Insert Frames (프레임 삽입)을 클릭합니다.



프레임 삽입을 위한 검색창이 나오면 아래와 같이 앞에서 제작한 3개의 화일을 모두 선택 합니다.



선택한 이미지는 아래와 같이 보여집니다. 각각의 이미지를 클릭하여 위 아래로 순서를 변경할 수 있습니다. 또한 각 이미지의 노출 시간을 결정해야 하는데 보통 이미지가 노출되는 시간은 150~200 사이에서 설정하는 것이 좋습니다.



이미지 노출시간등 설정이 완료되었으면 File(화일)탭을 클릭하고 Save As(다른 이름으로 저장)을 다시 클릭하여 이미지를 저장합니다.



이미지를 저장할 때에는 이름옆에 광고 사이즈도 함께 적어주시면 추후에 광고를 게제할때 보다 편리합니다.


이상으로 배너만들기가 완성되었는데요, 마지막으로 블로그 등에 업로드 해서 테스트 해보세요.


저와 블로그광고를 교환하실 분은 요기 를 클릭하시면 됩니다.

배너광고를 홈페이지에 링크거는 방법은 아래 포스팅에 자세하게 설명되어 있습니다.

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


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

Share |

구독신청을 하시면 더 쉽게 저의 글을 읽으실 수 있습니다. 구독 신청은 무료 입니다.

다음뷰 구글리더 HanRSS 마이야후 블로그피드 블로그라인 페이스북 트위터
다음으로 구독하기 구글로 구독하기 한RSS로 구독하기 마이야후로 구독하기 RSS FEED 구독하기 블로그라인으로 구독하기 페이스북 친구신청 트위터 친구신청
: