[티스토리 블로그 연재] 블로그에 배너달기

2012. 3. 2. 08:52교육

 

[티스토리 블로그 연재] 블로그에 배너달기

    블로그에 베너를 달아 자신의 블로그에 방문한 블로거들이 다른 홈페이지나 다른 블러거의 페이지로 이동하게 만드는 방법이다.

 

  1. 블로그에 넣을 배너을 제작해야한다. 

    배너제작방법은 포토샵이나 포토스케이프을 통해 가능하다.  제작시 해당 블로그에서 제공하는 사이즈을 사전에 파악하여 베너을 만드는 것이 좋다. 네이버블로그의 경우에는 가로 170, 세로 100으로 설정하면된다.  물론 네이버, 티스토리, 워드프레스 스킨이나 베너가 들어갈 자리에 이미지을 사전에 파악한 후 작업이 들어가야 한다.

 

 
 

 

  2. 베너제작후 베너을 올릴 놓아야 한다. 

  설치형블로그의 경우에는 FTP을 통해 이미지을 올려놓으면 되지만 가입형 블로그의 경우에는 포스팅을 통해 이미지을 올려놓아야 한다. 올려놓을 경우 주의할 점은 포스팅을 비공개로해 놓는 것이 좋다. 

 
 

 

  3. 하이퍼링크할 웹주소와 베너와 연결한다.

  설치형이든 가입형이든 둘다 비공개로 베너을 게시물로 포스팅한후 베너을 클릭한 후 베너을 클릭하면 이동할 웹주소(하이퍼링크)을 입력한 후 html모드에서 베너의 주소와 태그등을 모두 복사해 둔다. 비공개을 할 경우에는 포스트는 본인은 볼 수 있지만 다른 사람은 볼 수 없다.

 

<DIV style="FONT-FAMILY: '954102_10'; FONT-SIZE: 10pt"><A href="http://leedonghyun.com/" target=_self><IMG style="BORDER-BOTTOM-COLOR: rgb(0,0,0); BORDER-TOP-COLOR: rgb(0,0,0); WIDTH: 170px; HEIGHT: 100px; BORDER-RIGHT-COLOR: rgb(0,0,0); BORDER-LEFT-COLOR: rgb(0,0,0); rheight: 100px; rwidth: 170px" id=se_object_133064437850028303 title=leedonghyun_naver.jpg src="http://blogfiles.naver.net/20120302_147/church4u1_1330644378271qFQSw_JPEG/leedonghyun_naver.jpg" width=170 height=100 s_type="attachment" s_subtype="photo" imgqe="true" jsonvalue="%7B%7D" rheight="100" rwidth="170" sQEId="QE_133064441470370931"></A></DIV>

 
 

 

  4. 네이버 블로그의 관리메뉴로 들어가 레이아웃위젯 설정을 선택한다. 

   레이아웃 위젯 설정페이지가 나타나면 위젯직접등록을 선택한다.

 
 

 

  5. 위젯 직접등록 창이 나타나면 위젯명을 입력하고 위젯 코드입력 부분에 복사한 소스을 붙여넣고 다음을 클릭한다.

 

 

  6. 레이아웃 우측하단에 삽입한 베너 위젯이 나타나면 자신이 원하는 곳에 배너을 이동시킨다.  레이아웃상태에서는 각각의 메뉴를 원하는 위치로 드래고 하여 이동시킬 수 있다. 

 

 

  7. 적용을 클릭하여 레이아웃을 블로그에 적용시킨다. 내 블로그에 베너가 들어간 것을 확인하기 위해 블로그 메인화면으로 이동한다. 

 

    자신의 블로그에 베너가 설치되어 있는 것을 확인하고 해당 베너을 클릭하여 연결된 홈페이지로 이동하는지를 확인한다.   자신의 블로그에 배너을 설치하여 친구나 자신이 운영하는 다른 웹사이트(블로그)로 이동시킬 수 있다.  블로그에 들어가 이미지는 해당 블로그에서 제시하는 사이즈만 지켜주면 된다.