'스킨'에 해당되는 글 3건
- 2008/04/19 스킨 갈아 입었습니다. (24)
- 2007/09/10 티스토리에서 "우토로에 희망을" 스킨으로 옷갈아 입기 (16)
- 2007/05/16 태터 데스크가 티스토리에 적용되었네요. (10)
그런데 오늘 살짝 들러 보니 두개의 스킨이 눈에 들어오더군요.
두개 모두 멋진 스킨입니다. 한참을 어느것을 고를까 망설이다 지금 3단 스킨을 쓰다보니 바꾸는 시간과 에너지 소비가 3단으로 바꾸는 것이 제일 적을듯 해서 하단의 오른쪽 스킨으로 변경을 했습니다.
아직 변경이 미완성이지만, 봄의 분위기에 딱 맞는 스킨이 아닌가 합니다.
완연하고 화사한 봄 분위기 만큼 화사하게 바꾸어 볼려고 합니다.
이웃 블로거님..즐거운 주말 되시길.. 바랍니다..^^
이올린에 북마크하기
이올린에 추천하기'BLOGER' 카테고리의 다른 글
| 스킨 갈아 입었습니다. (24) | 2008/04/19 |
|---|---|
| 아동 대상 범죄 예방을 좀더 강화해야 겠습니다. (18) | 2008/03/06 |
| 블로거 컨퍼런스에 초대 되었습니다. (26) | 2008/03/02 |
| 블로그 축제를 다녀왔습니다. (72) | 2008/03/01 |
| 키보드 워리어 무기 업그레이드 (57) | 2008/02/27 |
| 먹는 언니님이 보내주신 새해 편지와 따뜻한 녹차 한잔... (19) | 2008/02/15 |
다음 블로그 뉴스에서 심샛별님이 올리신 글을 보았습니다. 다음 블로그에 해당하는 글이지만, 티스토리에서도 하고 싶었습니다. 그래서 제 스킨에 적용을 먼저 해보았는데, 대 성공입니다.
요즘 많은 분들이 우토로를 위해서 많은 노력을 하고 있습니다. 이런 노력들이 헛되이 되지 않길 바라고 더 많은 분들이 참여를 할 수 있기를 바랍니다.
관련글
http://bloggernews.media.daum.net/news/321588
그래서 지금은 달룡이네집 스킨을 우토로에 희망을 이라는 스킨으로 갈아 입었습니다.
스킨을 모두 바꾼것은 아닙니다. 그저 단순하게 위의 배경만 바꾼것에 지나지 않습니다.
티스토리에서 템플릿 스킨을 바꾸는 것은 쉽지만, 이번과 같이 가지고 있는 스킨을 수정해서 다른 이미지 등을 스킨에 넣는 것은 사실 조금 힘이 듭니다.
하지만, 기본적인 HTML 코딩을 아신다면 비교적 쉽게 가능합니다. 그래서 다른 분들과 같이 할 수 있도록 저도 문서를 만들어 보았습니다.
티스토리에서 스킨 바꾸는 방법을 간단하게 설명 드립니다.
이 방법은 티스토리 기본 스킨에 해당하는 사항입니다. 구조가 제 스킨과 비슷하신 분들은 아마도 쉽게 가능하실 겁니다.
skin.html 파일을 엽니다. 아래의 남색으로된 굵은 글씨전체를 모두 복사 합니다.
복사 위치는 블로그 타이틀위에 아래와 같이 삽입하면 됩니다. 아마도 제 스킨의 이미지가 너무 커서 새로고침을 하면 화면이 좀 깨지게 될듯 합니다.
<div id="header" style="BACKGROUND-IMAGE: url(http://fs.tistory.com/custom/blog/0/8764/skin/images/wt1.jpg); BACKGROUND-REPEAT: no-repeat;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px">
<div id="header" style="BACKGROUND-IMAGE: url(http://fs.tistory.com/custom/blog/0/8764/skin/images/wt1.jpg); BACKGROUND-REPEAT: no-repeat;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px">
<div style="PADDING-RIGHT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px">
<h1><a href=""><font color="#ffffff"></a></h1></font> -> 여기는 블로그 타이틀입니다.(달룡이네집)
<br><br><br><br><br><br>
<div class="blogMenu"> -> 여기 부터는 블로그 메뉴 부분입니다.
<ul>
<li class="tab_localog"><a href="">지역로그</a></li>
<li class="tab_taglog"><a href="media">미디어로그</a></li>
<li class="tab_taglog"><a href="">태그</a></li>
<li class="tab_guestbook"><a href="">방명록</a></li>
</ul> </div>
위에서 보면 (http://fs.tistory.com/custom/blog/0/8764/skin/images/wt1.jpg); 링크가 있는데 위의 링크는 각자 ID 의 고유 번호 이기 때문에 각자 자기 스킨에 맞도록 수정하셔야 합니다.
이 링크를 수정하는 부분은 스킨 수정 화면에 하단에 보면 파일 업로드가 가능하도록 되어 있습니다.
일단 고유 ID 를 알아내는 방법은 잠시후 아래에서 설명을 드리도록 하겠습니다. 먼저 이미지를 자기 블로그의 크기에 맞도록 사이즈 조정이 필요합니다.
먼저 다운 받을 파일을 블로그 스킨에 맞게 사이즈를 조정합니다. 제 블로그 스킨의 사이즈는 제가 좀 넓게 확장을 하여서 870px 입니다. 스킨 사이즈를 알아내는 방법은 아래와 같습니다.
이미지를 적당한 사이즈로 확장을 하였으면,스킨 수정 메뉴 하단에서 파일 업로드 버튼을 눌러서 업로드 합니다.
파일이 업로드 되면 아래와 같이 미리 보기 가 능하며, 올린 파일의 경로가 나옵니다.
아래의 경우에는 images/wt1.jpg 입니다.
위의 경로를 잘 기억해 둡니다.
이제 각자의 고유 ID 에 따른 링크를 찾아내는 방법입니다.
티스토리에서는 찾기가 좀 힘들었는데요, 블로그로 로그인한뒤 센터에 보면 블로그 요약이 있습니다. 저의 경우에는 제 사진이 제 블로그 타이틀 앞에 붙게 됩니다. 블로그 아이콘이 있으신 분들은 그 블로그 아이콘의 등록정보를 봅니다.
그럼 아래와 같은 정보가 있습니다.
http://fs.tistory.com/custom/blog/0/8764/ingex.gjf
위의 정보와 이미지를 올렸을때의 정보를 혼합하면
http://fs.tistory.com/custom/blog/0/8764/ + /images/wt1.jpg 를 혼합하고 skin 이라는 경로를 추가해서 아래와 같은 링크를 찾아낼 수 있습니다.
좀 힘이 들긴 합니다. 그래도 해보시면 다 아실 수있는 내용이라고 생각이 됩니다.
(http://fs.tistory.com/custom/blog/0/8764/skin/images/wt1.jpg);
도움이 되시길 바랍니다.
자 그럼 스킨을 다운 받으러 갈까요 ? 스킨을 받는 링크 입니다.
아래는 980px 사이즈를 받는 링크 입니다. 큰것을 다운로드 해서 줄이시는것이 좋습니다.
스킨 이미지 다운로드 (오류가 나는 경우에는 마우스 오른쪽 클릭을 하셔서 다른이름으로 대상저장을 하시길 바랍니다.)
hope4utoto980.jpg 다운로드받기
블로그 뉴스 보기
http://bloggernews.media.daum.net/news/321588
심샛별님 블로그 주소
http://blog.daum.net/gniang
이참에 배너도 달아보시는 것은 어떨까요 ?
우토로 마을 지키기 배너달기 - 배너달기 바로가기
배너를 다셨으면 함께 동참을 하시는 것도 좋습니다.
· 아름다운 재단 무통장 입금 (하나은행 162-910006-81704 / 국민은행 006001-04-091586)
예금주:아름다운재단
신용카드로 하는 방법도 있습니다.^^
http://www.dalyong.com/2696027
'블로그에너지' 카테고리의 다른 글
| 서해 대교의 화물트럭들의 갓길 질주 위험 ! (27) | 2007/11/30 |
|---|---|
| 강남역 캐노피 개선 공사 현수막의 내용이 바뀌었습니다. (25) | 2007/11/14 |
| 언제나 사고를 대비해서 고된 훈련을 하시는 분들 "고맙습니다." (6) | 2007/10/30 |
| 우리집 꼬맹이들 추석 때 받은 용돈으로 우토로 후원합니다. (24) | 2007/09/28 |
| 티스토리에서 "우토로에 희망을" 스킨으로 옷갈아 입기 (16) | 2007/09/10 |
| 우리의 작은 손길을 필요로 하는 곳들입니다. (9) | 2007/09/06 |
그동안 베타 테스터를 이벤트를 통해서 모집했던 기억이 납니다. 저도 지원해 보고 싶었는데 시간이 여력이 없다보니 트랙백을 못날렸었는데, 이렇게 빨리 적용이 될줄은 몰랐습니다.
적용해 보니 상당히 좋은 부분이 많은 거 같습니다. 그동안에는 포스트 단위로 한두개 노출이 되던것이 이제는 신문 형식으로 전체적인 항목을 보여 줄 수 있어서 좋은 거 같습니다.
그런데 좀 오른쪽 사이드 바의 메뉴을 빨리 정리를 해야 할듯합니다.
너무 길다 보니 스크롤의 압박에서 벗어날 수 는 없을 듯 합니다.
제블로그 방문 하시는 분들께 조만간 정리해서 새롭게 선보이도록 하겠습니다.
플러그인 목록에서 테터 데스크를 사용함으로 바꾸고 설정을 누릅니다.
출력 형식을 결정하시면 됩니다.
기본적으로 설정을 누르고 나서
메인 페이지를 보면 오른쪽 상단에 아래와 같은 메뉴가 생성이 됩니다.
여기서 디자인 선택을 누르시고 고르시면 됩니다.
사진을 주로 올리시는 분들은 갤러리 형도 좋을 듯합니다.
멋지네요..
분류 항목도 생성이 되어 있구요.
'BLOGER' 카테고리의 다른 글
| 구글 애드센스 페이지 오류 !! (0) | 2007/05/18 |
|---|---|
| 티스토리 2단 블로그에서 사이드 바의 긴 메뉴를 숨기는 방법 (6) | 2007/05/18 |
| 태터 데스크가 티스토리에 적용되었네요. (10) | 2007/05/16 |
| 제 7회 블로그 포럼 참여해 볼라고 합니다. (13) | 2007/05/15 |
| 구글의 웹사이트가 조금씩 변화하고 있습니다. (2) | 2007/05/14 |
| MS 와 해커, 적과의 동침(블루햇(Blue Hat) 이벤트) (0) | 2007/05/11 |
Prev
