호박님께서 아래와 같은 댓글을 남겨주셨습니다..
그 중에 이미지 클릭시 링크 되는거..에 대한 설명을 해드릴께요..
제가 이해한 내용으로는 사이드바에 이미지 배너라고 생각하고 말씀드립니다..
이게 아닌건가..-_-;;;;;
어쨌든간에.. 사이드바에 이미지 배너를 넣는 방법을 알려드릴께요~

사실 이 글은 제 팀블로그 이미지 배너를 넣는 방법을 빨간여우님께 설명해 드리려고 쓴 글이었답니다..^^;
제 블로그 옆에 보시면 강렬한 빨간색의 선동이미지 배너 'j4poll'이 있답니다..ㅋㅋ
(시간 있으시면 투표좀..굽신굽신..^^;;;)
자~이제 시작해 볼까요~~
먼저, 사이드바에 넣을 이미지를 고르세요.. 저는 사용할 파일을 이름을 'banner.gif'라고 하겠습니다.

플러그인->플러그인 목록에서 '배너출력' 플러그인을 미사용에서 사용중으로 변경해주세요..
그다음, 비공개로 사용할 이미지를 블로그에 떡하니 붙여서 글을 작성해주세요..
비공개로 하셔야 다른분이 못보시겠죠??
관리자는 비공개 글을 볼 수 있으니, 문제될게 없습니다..
그리고, 작성한 글로 가셔서 이미지의 경로를 복사합니다..
전 다른 방식을 이용했는데, moONFLOWer 님의 방식인 이게 더 쉽더라구요..+_+/
아래와 같은 경로가 보이는군요..^^ 복사해둡니다..
http://cfs5.tistory.com/upload_control/download.blog?fhandle=YmxvZzEwMDk0QGZzNS50aXN0b3J5LmNvbTovYXR0YWNoLzAvNS5HSUY=
스킨의 사이드바 설정으로 다시 옮겨가면 추가 가능한 플러그인에 CodeBanner가 보입니다..
그, CodeBanner를 끌어다가 사이드바안 원하는 곳에다가 끌어다 놓습니다.
그러면 아래 그림의 왼쪽 그림처럼 보여요~


그런다음 편집 버튼을 누르고 아래의 코드를 복사해 넣어주세요..
그리고 전송버튼을 누르면 오른쪽의 그림처럼 이미지가 표시됩니다..
자~~이제 이해가 되셨나요~? ^-^/
언능언능 이미지 배너를 달아보아요~~^0^/
텍스트에 링크넣기는 다음 포스팅에서 알려드릴께요~~
그 중에 이미지 클릭시 링크 되는거..에 대한 설명을 해드릴께요..
제가 이해한 내용으로는 사이드바에 이미지 배너라고 생각하고 말씀드립니다..
이게 아닌건가..-_-;;;;;
어쨌든간에.. 사이드바에 이미지 배너를 넣는 방법을 알려드릴께요~
사실 이 글은 제 팀블로그 이미지 배너를 넣는 방법을 빨간여우님께 설명해 드리려고 쓴 글이었답니다..^^;
제 블로그 옆에 보시면 강렬한 빨간색의 선동이미지 배너 'j4poll'이 있답니다..ㅋㅋ
(시간 있으시면 투표좀..굽신굽신..^^;;;)
자~이제 시작해 볼까요~~
먼저, 사이드바에 넣을 이미지를 고르세요.. 저는 사용할 파일을 이름을 'banner.gif'라고 하겠습니다.
플러그인->플러그인 목록에서 '배너출력' 플러그인을 미사용에서 사용중으로 변경해주세요..
그다음, 비공개로 사용할 이미지를 블로그에 떡하니 붙여서 글을 작성해주세요..
비공개로 하셔야 다른분이 못보시겠죠??
관리자는 비공개 글을 볼 수 있으니, 문제될게 없습니다..
그리고, 작성한 글로 가셔서 이미지의 경로를 복사합니다..
전 다른 방식을 이용했는데, moONFLOWer 님의 방식인 이게 더 쉽더라구요..+_+/
아래와 같은 경로가 보이는군요..^^ 복사해둡니다..
http://cfs5.tistory.com/upload_control/download.blog?fhandle=YmxvZzEwMDk0QGZzNS50aXN0b3J5LmNvbTovYXR0YWNoLzAvNS5HSUY=
스킨의 사이드바 설정으로 다시 옮겨가면 추가 가능한 플러그인에 CodeBanner가 보입니다..
그, CodeBanner를 끌어다가 사이드바안 원하는 곳에다가 끌어다 놓습니다.
그러면 아래 그림의 왼쪽 그림처럼 보여요~

그런다음 편집 버튼을 누르고 아래의 코드를 복사해 넣어주세요..
<div
align="center"><a href="내 홈페이지 주소"><img
width="이미지가로사이즈" height="이미지세로사이즈"
src="이미지 경로"
alt="banner"/></div>
예시)
<div align="center"><a href="http://kkommy.tistory.com/"><img width="180" height="80" src="http://cfs5.tistory.com/upload_control/download.blog?fhandle=YmxvZzEwM
Dk0QGZzNS50aXN0b3J5LmNvbTovYXR0YWNoLzAvNS5HSUY=" alt="banner"/></div>
예시)
<div align="center"><a href="http://kkommy.tistory.com/"><img width="180" height="80" src="http://cfs5.tistory.com/upload_control/download.blog?fhandle=YmxvZzEwM
Dk0QGZzNS50aXN0b3J5LmNvbTovYXR0YWNoLzAvNS5HSUY=" alt="banner"/></div>
그리고 전송버튼을 누르면 오른쪽의 그림처럼 이미지가 표시됩니다..
자~~이제 이해가 되셨나요~? ^-^/
언능언능 이미지 배너를 달아보아요~~^0^/
간단요약..
1. 이미지고르기
2. '배너출력' 플러그인 활성화
3. 이미지 업로드를 위해 글 쓰기, 이미지 오른쪽 클릭해서 주소 복사
4. 사이드바에 CodeBanner 위치시키기
5. 편집버튼 누르고, 소스 작성하고, 전송버튼~
1. 이미지고르기
2. '배너출력' 플러그인 활성화
3. 이미지 업로드를 위해 글 쓰기, 이미지 오른쪽 클릭해서 주소 복사
4. 사이드바에 CodeBanner 위치시키기
5. 편집버튼 누르고, 소스 작성하고, 전송버튼~
텍스트에 링크넣기는 다음 포스팅에서 알려드릴께요~~
'Study' 카테고리의 다른 글
| [티스토리 스킨] 현재 제가 사용하고 있는 스킨입니다.. (18) | 2008/05/18 |
|---|---|
| [티스토리] 텍스트에 링크 연결하기 (4) | 2007/11/30 |
| [티스토리] 사이드바에 이미지 배너 달기.. (13) | 2007/11/29 |
| 라디오 버튼 사용하기 (0) | 2007/05/22 |
| 티스토리 스킨 업데이트 - 페이징에 관하여.. (12) | 2007/05/15 |
| 티스토리 스킨 v1.2 - html 버그 수정 (10) | 2007/04/29 |
TRACKBACK http://kkommy.com/trackback/1170256296
-
Subject 티스토리 배너 중앙정렬시키기
Tracked from 생각하는 디자인이 세상을 바꾼다 2008/07/10 01:22
티스토리 플러그인에 배너출력을 활성화시키면 배너를 추가할 수 있다. 이때 배너가 왼쪽에 붙어 버리는데 이를 해결하기 위해 아래 그림처럼 하면 된다. CodeBanner에는 '<center>'태그가 들어간다. 결과
-
-
빨간여우
2007/11/29 19:38
컥 내 이름이당...^^
저도 아무리 봐도 모릅니다만 하다보면 됩니다....(뭔 말이야 이거ㅡㅡ#)
꼬미님이 그래도 젤 쉽게 설명해주시는데...(ㅋㅋ 막 요래 요래....) -
-
꼬이
2007/11/29 20:39
사이드바가 지원하는 스킨은 굉장히 쉬운 방법이지요..
모든 스킨이 사이드바 지원한다면 좋을텐데..안그런 스킨도 많아서리..ㅠ.ㅠ
지금 제가 쓰는 스킨도 사이드바 지원이 안되는거라..태그속에서 헤엄치고 가라 앉는 줄 알았습니다..헤~
약간의 지식으로 그나마 스킨 수정을 끝냈으니...아~~제 스스로 생각해도 자랑스럽습니다..하하하..(이게 도대체 뭔 소리람?ㅎㅎ 자화자찬?)-
kkommy
2007/11/30 00:00
어? 사이드바가 지원이 안되는 스킨도 있었나요?? ㅠㅠ
몰랐습니다..흐흑..
전 사이드바를 사용하는 스킨만 쓰다보니..-_-;;
저 플러그인이 없을때는 모두 html을 편집했드랬죠..ㅎㅎ
-
-
-
kkommy
2008/06/11 09:41
티스토리 플러그인 맞습니다..
플러그인 목록 오른편 위쪽에 콤보박스가 있는데,
그게 전체로 선택되어있는지 확인해보세요.. ^^;
아니면, 사이드바로 선택하셔도 보입니다.
"배너출력"이라고 적혀있어요.. ^^
-

이올린에 북마크하기
이올린에 추천하기