디자인관리

로고/배너관리

<TABLE id=tblContent cellSpacing=0 cellPadding=0 width=740 border=0>
<TBODY>
<TR>
<TD>
<DIV align=left>배너등록방법에 대한 설명을 자세히 안내해드립니다.</DIV>
<DIV align=left>아래 내용대로 천천히 따라해보시면 쉽게 배너를 등록하고 활용하는 방법을 마스터하실 수 있습니다.</DIV>
<DIV align=left>&nbsp;</DIV>
<DIV align=left>&nbsp;</DIV>
<DIV align=left>① 포토샵에서 배너이미지를 만듭니다. '싸이홈피배너'는 쇼핑몰 화면의 왼쪽 측면에 놓을 예정입니다.</DIV>
<DIV align=left>&nbsp;&nbsp;&nbsp; </DIV>
&nbsp;&nbsp; <img onLoad='miniSelfResize(contents_6,this)' height=51 src="http://guide.godo.co.kr/shop/data/editor/1163379220.gif" width=166>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
②&nbsp;'로고/배너관리' 로 가서 '배너위치관리' 를 클릭합니다.
&nbsp;
<img onLoad='miniSelfResize(contents_6,this)' height=135 src="http://guide.godo.co.kr/season2/data/editor/1208246409.gif" width=680>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
③&nbsp; 비어있는 배너코드를 찾아 각 배너의 성격에 맞는 적당한 설명을 입력하고 등록버튼을 누릅니다.
&nbsp;
<img onLoad='miniSelfResize(contents_6,this)' height=384 src="http://guide.godo.co.kr/season2/data/editor/1208247030.gif" width=680>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
④&nbsp;배너관리 하단에 있는&nbsp;배너등록 버튼을 누르세요.

&nbsp;
<img onLoad='miniSelfResize(contents_6,this)' height=213 src="http://guide.godo.co.kr/season2/data/editor/1208247074.gif" width=690>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
⑤&nbsp;배너위치를 선택하고, 연결주소 입력, 타겟설정, 이미지를 찾아 등록하세요.
&nbsp;

<img onLoad='miniSelfResize(contents_6,this)' height=256 src="http://guide.godo.co.kr/season2/data/editor/1208314099.gif" width=615>
&nbsp;
&nbsp;
*** 위 연결주소란에 주소를 입력할 때 유의하실 점! (필독)&nbsp;***
- 위처럼 다른 사이트로 이동할때에는 절대경로인 http://cyworld.com 또는 http://www.naver.com 이렇게 모든 주소를 넣습니다.
- 그러나 내 쇼핑몰의 다른 페이지로 이동할때에는 가고자하는 페이지의 주소에서 도메인을 제외한 나머지 주소를 복사하여 넣습니다. 
- 예를 들어&nbsp;배너를 눌렀을때 회사소개페이지로 가고자 할때, 그 주소는 http://www.test.co.kr/shop/service/company.php 이 되고,
&nbsp;&nbsp; 여기서 도메인을 제외한 나머지주소는&nbsp;/shop/service/company.php 이 됩니다. 이 부분만 주소란에 입력하면 됩니다.
- 다시 설명하면, 내 쇼핑몰의 다른 페이지로 이동할때에는 반드시&nbsp;상대경로, 즉 도메인을 제외한 나머지주소를 복사해서 입력하세요! 
- 예를 들어 배너클릭시&nbsp;특정 카테고리로&nbsp;이동하고자 하면, 입력할 주소는 /shop/goods/goods_list.php?category=001 이렇게 됩니다. 
- 꼭 도메인을 제외한 나머지주소를&nbsp;복사해서 입력하세요.&nbsp;&nbsp;&nbsp;
&nbsp;
&nbsp;&nbsp;
⑥ 자, 이제 싸이월드홈피배너가 등록되고 아래처럼 &nbsp;치환코드가 생성되었습니다. 배너옆에 생성된 치환코드를 잘 기억하세요.

<img onLoad='miniSelfResize(contents_6,this)' height=335 src="http://guide.godo.co.kr/season2/data/editor/1208314301.gif" width=728>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
⑦ 자! 이제 싸이배너를 메인 측면부분에 보이려고 합니다. 
&nbsp;&nbsp;&nbsp;&nbsp;' 디자인관리 &gt; 디자인코디(HTML) &gt; 측면디자인 &gt; 측면기본타입 outline/side/standard.htm' 파일을 눌러 소스를 엽니다.
<img onLoad='miniSelfResize(contents_6,this)' height=450 src="http://guide.godo.co.kr/season2/data/editor/1208318651.gif" width=410>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
⑧ 배너가 들어갈 자리에 치환코드를 이용하여 아래와 같은 소스를 입력합니다.
&nbsp;&nbsp;&nbsp; 가운데에 정렬되어야하니까 div안에 align=center&nbsp;소스를 넣었구요.&nbsp;알기쉽게 싸이월드홈피배너라는 주석도 달아줍니다.
&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;아래 소스를 복사해서 넣으세요. 아래 숫자 28은&nbsp;배너위치 숫자를 의미합니다.
&nbsp;아래 소스는 다른 페이지 어느곳에 넣어도 배너가 보여지게 됩니다.
&nbsp;배너소스는 아래 소스를 항상 참조하세요.
&nbsp;
&lt;!-- 싸이홈피배너 Start --&gt;
&lt;!--{ @ dataBanner(&nbsp;28 ) }--&gt;{.tag}&lt;!--{ / }--&gt;
&lt;!-- 싸이홈피배너 End--&gt;
&nbsp;
여기서 한가지 팁을 알려드립니다!! 요긴하게 쓰이는 팁!
위 소스에서 &lt;!-- 싸이홈피배너 Start --&gt; &lt;!-- 싸이홈피배너 End--&gt; 위아래 두줄은 주석처리된 부분입니다. 
즉, 내가 작업한 소스를 구분짓기위해, 어떤 소스인지 알아볼수 있게 주석처리한 것으로 화면에는 나타나지 않습니다.
배너를 가져오는 소스는 &lt;!--{ @ dataBanner(&nbsp;28 ) }--&gt;{.tag}&lt;!--{ / }--&gt; 요 한줄입니다.
위와같이 아래위로 해당 소스를 설명하는 주석을 잘 이용하면 복잡한 소스를&nbsp;관리하는 요령이 됩니다.
&nbsp;
&nbsp;
<img onLoad='miniSelfResize(contents_6,this)' height=322 src="http://guide.godo.co.kr/season2/data/editor/1208319041.gif" width=410>
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;⑪ 자! 이제 쇼핑몰 화면을 보면 왼쪽측면하단에 싸이홈피배너가 적용되었음을 확인합니다. 링크도 잘걸려있는지 꼭 확인하세요.
&nbsp;
<img onLoad='miniSelfResize(contents_6,this)' height=538 src="http://guide.godo.co.kr/season2/data/editor/1208319366.gif" width=700>


&nbsp;</TD></TR>
<TR>
<TD height=10>&nbsp;</TD></TR></TBODY></TABLE>