티스토리 꾸미기 - 사이드바에 직접만든 배너 올리는 방법

 

 

티스토리 꾸미기 - 사이드바에 직접만든 배너 올리는 방법

---

 

 

 

 

오늘은 
사이드바에 직접만든 배너를 올리는 방법입니다.
 


 
1) 올리기전에 먼저 배너를 만들어야 합니다.
 
저는 이렇게 만들어 보았습니다.

 


 
2) 비공개로 배너를 게시물에 올리셔야 합니다. 꼭 비공개로 올리지 않으셔도 되구요 (자유 ^^)
   배너(이미지) 주소가 필요해서 올리는 것이니 이미지가 지워지면 엑박이 뜹니다)
   ※ 엑박 : 이미지가 보이지않으며, x자만 보이게 되는 것 ~ )
 
여기까지 다 되셨나요? 여기까지 다 되셨다면....다음으로 넘어갑니다.
 

 

 

 
3) 아래 보이는 빨강색 부분을 다 채워 주셔야 하는데,
    바로가기사이트 주소는 아실테고,

이미지 사이즈는 

사이드바 넓이와 비슷하게 지정해 주면 됩니다.(아래쪽에서 넓이 수정 설명을 해 드리겠습니다)
    

제가 만든 배너의 사이즈는 189x74px입니다 (대략의 크기를 비교하세요 )
 

 

 

 

 

    

이미지 주소는 

2번에서 올렸던 배너를 우클릭을 하게되면 

제일 아래 쪽에 속성이 나오는데 속성을 클릭 합니다.

속성을 클릭하게되면 

아래와 같이 주소(URL)이 보이게 되는데 주소를 복사 합니다.
 

 
 


 

 

4) 다음은 소스를 첨부합니다.
   

 
    바로 수정하셔서 사용하실 수 있도록 파일을 첨부합니다.
    파일을 열고 바로가기 사이트주소, 이미지 가로사이즈, 세로사이즈를 지정하고,
    속성에서 복사를했던 주소(URL)을 이미지 주소란에 넣어주세요.
 
    빨강색 글자를 지우시고 그 위치에 넣는거 아시죠? (5번 참조)
 

 

 

 
5) 저는 이렇게 되었어요 ^^

 

 

 
6) 자 이제 4번 첨부파일 (수정한것)을 예쁘게 복사 하세요 ^^
 


 

 

7) 관리자모드에서 사이드바를 클릭해 주세요.

 

 

 
8) 1. HTML배너출력을 클릭하게되면 배너는 사이드바1에 가서 붙는데 ,
    2. 드래그로 끌어서 사이드바2쪽으로도 옮기기가 가능합니다
    3. 편집을 클릭 하세요 ^^
       ※ 사이드바에 직접만든배너 이것은 신경쓰지 마세요(HTML배너출력으로 나옴) ^^

 

 

 
9) 편집을 누르면 아래와 같이 이름란과 HTML소스 넣어야 합니다.
이름은 본인이 알아볼 수 있는 것으로 하시면 되구요.
 
소스는 6번에서 복사하신 내용을 붙여넣기 하시면 됩니다.
 여기까지 하셨으면 이제는 미리보기를 눌러 배너의 크기가 어떤지를 확인 해야 합니다.
 
만약 
작거나 크다면 이미지의 가로,세로 크기를 줄여주거나 늘여주면서 맞을때 까지 
미리보기를 하면서 크기를 맞추어 주면 됩니다 ~
 

 

 

 

 

 
10)  저는 이렇게 나왔어요.
 
이미지가 작아진것을 보실 수 있는데요.
이미지를 일부러 줄여보았어요 ~  참조 하시라구요 ^^

 

 

이상 입니다. 수고 하셨습니다 ^^
즐거운 하루 보내세요 ~

 

 

 

CHUL2's Blog

http://chul2.tistory.com