[보러가기] ☞ 1. 웹 반응형 스킨 - "반응형 웹스킨"이 대세? 웹 반응형 스킨 설치하기! 

[보러가기] ☞ 2. 웹 반응형 스킨 - "반응형 웹스킨" Skeleton 스킨 - 사이드바 최근글 수정하기

[보러가기] ☞ 3. 웹 반응형 스킨 - "상단 메뉴바 수정" 반응형 스킨 내 블로그에 맞게 꾸미기

[현재글] ☞ 4. 웹 반응형 스킨 - "Skeleton 스킨" 화면 하단(푸터) 내 블로그에 맞게 바꾸기

- 웹 반응형 스킨(반응형웹 스킨 - 스켈레톤 스킨) ; 

수정하기 4탄! 화면 내용(푸터 내용) 내 블로그에 맞게 바꾸기

  안녕하세요. 이번에는 웹 반응형 스킨인 스켈레톤 스킨의 화면 레이아웃 수정의 마지막 순서가 되겠네요. 반응형 스킨 스켈레톤 스킨의 spider's web 스킨의 화면 하단에 보면 블로그에 대한 기본 정보와 저작권에 대한 내용이 담겨있습니다. 웹 반응형 스킨인 스켈레톤(Skeleton)스킨을 처음 설치하면 아래 그림과 같이 웹 반응형 스킨을 만든 마크쿼리님에 대한 정보와 기본정보가 나타납니다. 그럼 이제부터 웹 반응형 스킨의 화면 하단(푸터)를 자신의 블로그에 맞게 수정해 줘야 겠죠^^

<처음 반응형 웹스킨 "스켈레톤 스킨"을 설치했을 때, 설정되어 있는 모습입니다.>

아래 사진은 웹 반응형 스킨 - 스켈레톤 스킨을 설치한 저의 블로그 화면의 아래쪽(하단, 푸터) 모습입니다. 

지금부터 블로그에 맞게 수정해 봅시다^^

- 1단계 ; 반응형 스킨 - 스켈레톤 스킨 "HTML/CSS"에서 수정해야 할 부분 찾기.

  컨트롤(Ctrl)+ F - 찾기를 이용해서 "Skeleton-footer"를 찾아줍니다. 

 그러면 우리가 수정해야 할 부분이 보일겁니다. 왼쪽 그림의 빨간색 상자 부분을 본격적으로 수정해 봅시다^^

[첨부] 소스 다운받기 ;

스켈레톤스킨_화면하단 수정_인생은,여행이다.txt

※ 아래쪽에는 개발자 정보에 관한 내용인데 굳이 수정하지 않아도 되는 부분입니다.

- 2단계 ; 스켈레톤 스킨 HTML 본격적으로 수정하기.

(1) 자신의 블로그 주소로 바꿔줍니다.

(2) 블로그 년도 입력입니다. 저는 티스토리를 2007년부터 시작했기에 "2007-2014"로 입력해 놨습니다.

(3) 일반적으로 블로그 이름을 입력하는 부분입니다. 블로그 제목, 이름을 입력하시면 됩니다.

(4) 따로 설명할 것이 없네요.

(5) CCL표기 이미지 관련 부분입니다. "HTML"수정 부분을 보면 상당히 복잡해 보이는데 별 것 없습니다. 넣으셔도 되고, 안넣으셔도 됩니다. CCL마크를 사이드바에 표기하는 경우도 많습니다. 저도 사이드바에 있던 녀석을 아래로 내렸습니다.

(5)-1 ; CCL관련 링크입니다. - 클릭하게 되면 저작권에 대한 설명이 페이지로 이동하는 기능이 있습니다.

(5)-2 ;  CCL표기 - 이미지 표시, 파일 링크 부분입니다. 만약 자신의 블로그 사이드바나 본문에 CCL표기가 있다면, 마우스 오른쪽으로 이미지 주소 복사를 하셔서 주소를 붙이면 됩니다. 제가 제공한 소스를 그대로 가져다 쓰도 됩니다.(모든 블로그, 사이트의 CCL마크 이미지 주소는 동일)

(6) CCL 저작권 관련 메시지입니다.

별 것 없군요. 쉽죠?^^

- 웹반응형 스킨, 스켈레톤 스킨의 사이드바에 표시되어 있는 CCL 저작권 표기 위젯.

- 3단계 ; 스켈레톤 스킨 - 본문하단 정보 수정하기(2) 

[첨부] 소스 다운받기 ;

스켈레톤스킨_화면하단 수정_인생은,여행이다.txt

 <BR>명령어를 통해서 줄 구분을 해 줄 수 있습니다. <BR>하나에 1줄 입니다.

 "RSS"부분에 자신의 블로그 주소를 넣으면 됩니다. 

 지역로그, 태그목록, 관리자 모드 등은 자신의 취향에 맞게 선별해서 삭제하시거나 이용하시면 될 것 같습니다.

 더 이상 설명을 하지 않아도 자신의 블로그에 맞게 "웹 반응형 스킨(반응형 웹스킨)인 스켈레톤 스킨"을 수정할 수 있을 거라고 생각합니다^^

감사합니다^^

[보러가기]  ☞ 1. 웹 반응형 스킨 - "반응형 웹스킨"이 대세? 웹 반응형 스킨 설치하기! 

[현재글] ☞ 2. 웹 반응형 스킨 - "반응형 웹스킨" Skeleton 스킨 - 사이드바 최근글 수정하기

[보러가기] ☞ 3. 웹 반응형 스킨 - "상단 메뉴바 수정" 반응형 스킨 내 블로그에 맞게 꾸미기

[보러가기] ☞ 4. 웹 반응형 스킨 - "Skeleton 스킨" 화면 하단(푸터) 내 블로그에 맞게 바꾸기

- 웹 반응형 스킨(반응형 웹 스킨); "Skeleton 스킨" 사이드바 수정하기!

  티스토리에서 기본적인 사이드바는 간단하게 수정할 수 있습니다. 그렇지만 "Skeleton 스킨"은 티스토리에서 정식으로 서비스되는 스킨이 아니기 때문에 아직 티스토리에 최적화가 된 것은 아닙니다.(계속해서 오류가 보고되고 수정되고 있죠) 

그래서 HTML을 자신의 블로그에 맞게 바꿔줘야 한다는 사실!

자, 그럼 자신의 블로그에 최적화를 시키기 위해서 스킨을 바꿔 봅시다^^

아래에서 보는 것 처럼, 

스켈레톤 스킨 spider's web을 적용시키면 최근 글에 마크쿼리님의 블로그에 실려 있는 글이 뜹니다.

물론, Recent Articles(default)가 있지만 그건 사이드바 메뉴에서 삭제해버리고,

 Recent Articles에 블로그 글이 나오도록 해 봅시다.

생각보다 간단해요^^

 [Recent Articles(최신글) - 내 블로그 글들로 바꾸기]

1. HTML/CSS 편집 화면으로 들어갑니다.

2. Ctrl+F 를 눌러서 "get recent article"을 찾아줍니다.  - 아래와 같은 화면으로 이동합니다.

3. 붉은 색 네모 부분에 있는 rss("http://markquery.com/feed". 라고 되어 있는 부분을 rss(" 자신의 블로그 주소/feed" 로 바꿉니다.

4, 그러면, Recent Airticles 의 글들이 블로그 최신글로 바뀝니다^^

Recent Articles(최근 글)의 목록이 바뀐 모습 입니다. 

혹시, 최근 글의 개수를 늘이거나 줄이고 싶으시면 숫자 하나만 바꿔 주면 됩니다. 

위쪽에 작은 네모안에 있는 숫자가 "5"라고 되어 있는데, 최대 다섯 개 까지 최근 글을 보여주는 것입니다. 

만약에 최근 글을 10개를 보여주고 싶으면? 숫자를 10으로 하면 되죠. 쉽죠?

그 외에 간단한 것들은 모두 관리자 메뉴의 사이드바 수정에서 할 수 있으니, 여기까지 하겠습니다. 

다음에는 "Footer(화면 하단)"과 "상단 메뉴"를 수정하는 글으 올리도록 하겠습니다. 절대 어렵지 않아요~ 

감사합니다^^