웹 반응형 스킨 - Skeleton 스킨, 수정하기 4편 - 화면하단(푸터,Footer) 바꾸기

[보러가기] ☞ 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"부분에 자신의 블로그 주소를 넣으면 됩니다. 

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

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

감사합니다^^