내블로그에 배너달기

 

지난시간에는 네이버 블로그에 배너 즉, 위젯을 달아봤는데요. 오늘은 티스토리에다가

배너를 달아보겠습니다. 아직 광고해줄만한 업체가 업는관계로 제 오픈캐스트를

배너로 만들어서 달아보도록 하겠습니다. 예전에는 오픈캐스트에서 웹스티커라는것을

지원했엇는데요 오픈캐스트가 메인에서 빠지면서 서비스를 중지한거 같네요. 

 

 

 

그림판을 열어서 일단 크기조정을 해야 하기때문에 1. 크기조정을 누르면 팝업이 떠요

2. 가로세로 비율유지 체크를 지워주시구요 3. 가로 640, 세로는 100으로 해봣는데요

이것은 본인이 원하는 사이즈로 맞추시면 됩니다.

 

 

 

배너의 배경색을 정하시면 되는데요. 저는 회색으로 정했습니다. 설문조사에서 나온건데요

남녀 첫미팅 자리에서 가장 호감을 주는색이 회색이라네요~ 그래서 회색으로 정했어요ㅎ

기본 색상에는 제가 원하는 색이 업어서 1. 색편집을 눌렀습니다 팝업이 뜨면서

색상을 고를수 있는데요 좀더 밝은 회색으로 조절햇어요 그런다음 확인을 누르고요

4. 페인트를 골라서 5. 배경에다가 클릭하시면 원하시는 배경색으로 바뀝니다.

 

 

1. 로고는 오픈캐스트에서 스크린샷을 해서 그림판으로 복사해서 붙혀넣기를 했습니다.

4.번도 마찬가지이구요. 2. 번은 녹색A를 눌러 텍스트로 글쓰기를 하엿구요

3. 번도 마찬가지로 색상하고 폰트만 바꺼서 글쓰기로 작업을 하였습니다.

하다가 보니 비율이 안맞아서 녹색 5.번으로 사이즈 조절을 했습니다 766 X 101사이즈로

변경했더니 이쁘게 나왔네요 그리고나서 저장을 합니다.

 

 

요렇게 배너가 완성되었습니다. 그럼 이제 내블로그에다가 요것을 달아볼려고 하는데요

우선 게시판이나 메모장에 비공개로 글을 올려서 링크주소를 따옵니다.

저는 여기다 올린주소로 바로 따봤습니다.

 

오른쪽 상단에 html에 체크를 누르면 화면과 같이 바뀌는데요 아까전에 올린 이미지배너가

업로드 되면서 이름이 바뀌어 있습니다. 밑에 빨간박스에 보면

"[##_1N|cfile22.uf@2430C033597AA87534C5B3.jpg" 요렇게 바뀌어 있는데요

실제주소는 http://cfile24.uf.tistory.com/image/2430C033597AA87534C5B3입니다

이미지주소를 만들었으면 이제는 html형식으로 만들어보겠습니다.

 

<div align="center"> -- 가운데 정렬

<a href="http://opencast.naver.com/JB899" target="_blank"> - - 이동할 주소

<img src="http://cfile24.uf.tistory.com/image/2430C033597AA87534C5B3"> -- 이미지주소

</a>

</div>

 

html로 작성하셨으면 복사를 해둔다음에요 티스토리 블로그로가서 관리 - html/sss메뉴를 누르고

오른쪽에서 ctrl+F 키를 눌러서 "article_rep_desc"을 찾으신다음에 그밑에다가 붙혀넣기를

해주시면 됩니다. 그리고 저장을 눌러주셔야 스킨에 적용이 됩니다.

그럼 좋은배너 많이 다시기를 기원할께요~