웹반응형 스킨 skeleton 'footer'정보 수정하기

화면크기에 따라서 알아서 척척 크기가 맞춰지는 '웹반응형 스킨' 편집하기..지난 시간에 이어서 이번에는 블로그 최하단부에 나오는 'footer'의 정보를 수정하는 방법에 대해서 알아보겠습니다^^

 

기존 티스토리 스킨의 html을 직접 다뤄보셨다면 이 역시도 쉽게 수정할 수 있습니다.

 

 

skeleton 웹반응형 스킨은 기본적으로 하단부 footer에 저작권표시인 'copyright'와 년도.

 

그리고 자신의 블로그 제목이 나타나게 되어있고 그 다음으로 블로그 총 방문자수, 오늘 방문자수, 어제 방문자수.. rss주소링크, tags(태그), admin(관리자모드) 등이 표시됩니다.

 

스킨을 자유자재로 변경할 수 있으면 깔끔하고 예쁘게 꾸며볼 수도 있겠죠^^ 항상 html을 편집할때는 백업을 해둔 상태에서 시작하시기 바랍니다.

 

웹반응형 스킨 skeleton 'footer'정보 수정1

위에 보이는 캡쳐화면이 로렌과오뚜막 블로그의 웹반응형 스킨 skeleton의 최하단부 footer입니다..진한 회색으로 표시되어 있어서 확~ 눈에 들어오네요.

 

이 footer부분은 최초에 skeleton 스킨을 적용시 마크쿼리님의 블로그 주소로 설정되어 있기 때문에 바로 바로 변경해야 겠죠^^

 

웹반응형 스킨 skeleton 'footer'정보 수정2

footer부분을 자세히 살펴보면..우리가 '수정'해줘야 하는 부분은 한곳입니다.

 

취향에 따라서 새로운 정보소스를 추가할 수도 있구요^^ 맨 밑에 마크쿼리,오픈소스 라이센스 부분은 스킨개발자 분들 표시하기 위함이니까 함부로 손을 되지마세요~

 

먼저 저작권 표시부분에서 마크쿼리님 블로그 제목을 자신의 블로그 제목으로 바꿔주고 주소링크도 수정해줘야겠죠..

 

웹반응형 스킨 skeleton 'footer'정보 수정하기

 

그 뒤에 있는 All Rights Reserved.라는 글씨는 원래 없는 부분이라서 직접 입력해줘야 합니다. ccl표시부분도 원래 없는 부분이라 직접 넣어주면 되구요.( ccl 추가하기 관련 이야기는 다음 포스팅에서..^^)

 

마지막으로 수정이 가능한 곳은 방문자수와  rss주소링크, tags(태그), admin(관리자모드) 등이죠..여기서 필요없는 부분은 지워도 되고..필요한 부분은 또 추가해줘도 되겠죠~

 

웹반응형 스킨 skeleton 'footer'정보 수정3

웹반응형 스킨의 footer 수정을 해주려면 티스토리 관리자 모드로 들어가서 html/css편집으로 들어간 다음 'skeleton-footer'를 검색해주세요~

 

단축키는 언제나 ctrl + f 죠~ 그러면 관련부분이 skin.html부분에 딱 하나 나타나는데요..위에서 부터 자세히 보면서 내려오면 블로그 주소가 딱 하나 보여요.

 

이 부분을 자신의 블로그 주소로 변경해주고 그 다음에 블로그제목이 보이는 부분도 역시 바꿔주세요. 그 이후부터는 <li>~</li>라는 구조가 각각의 소스를 감싸안으면서 계속 이어지는 모습이 보이시죠?

 

이 부분들을 참고해서 본인이 필요한 부분은 남겨두고 불필요하면 지우고 ..다른 소스가 필요하면 집어 넣어주고 저장해주면 된답니다^^

 

조금 이해가 안가신다면 위에 캡쳐한 footer 사진과 skin.html소스를 순서대로 비교해보면 금방 알게된다는.

 

✅웹반응형 스킨 'skeleton' 본문상단에 구글번역기 넣는 방법

 

웹반응형 스킨 'skeleton' 본문상단에 구글번역기 넣는 방법

지난 시간에 이어서 티스토리 웹반응형 스킨 'skeleton'을 나름대로 편집한 부분에 대해서 설명하고자 합니다. 사실 아직까지도 웹반응형 스킨은 완벽하지 않고 브라우의 종류에 따라서 호환이

gong6587.tistory.com

✅웹반응형 스킨 'skeleton' 상단메뉴 버튼(드롭다운) 만들기

 

웹반응형 스킨 'skeleton' 상단메뉴 버튼(드롭다운) 만들기

이번 시간에는 웹반응형 스킨 'skeleton'의 최상단 부분에 메뉴버튼을 넣는 방법에 대해서 알아보도록 하겠습니다. 그냥 메뉴버튼은 아니구요..'드롭다운'기능이 적용된 형태에요~ 초기의 skeleton

gong6587.tistory.com

✅티스토리 웹반응형 스킨(SKELETON) 다운로드와 적용

 

티스토리 웹반응형 스킨(SKELETON) 다운로드와 적용

지난 12월말..호기심에 백업도 안하고 적용했다가 기존 블로그 스킨을 통째로 날려먹은 사연에 관한 이야기를 했었죠? 그 이후 지금의 웹반응형 스킨을 적용하고 잘 사용중에 있습니다. 그래서

gong6587.tistory.com

✅skeleton 웹반응형 스킨 사이드바 '최신글 목록' 수정하기

 

skeleton 웹반응형 스킨 사이드바 '최신글 목록' 수정하기

이제는 조금 티스토리 웹반응형 스킨 'skeleton'에 많이 적응이 된 것 같습니다. 벌써 2주쯤(?) 지난거 같은데..아주 괜찮은 스킨같네요~ 아직까지 시도안해보신 분이라면 도전해보세요. 이번 시간

gong6587.tistory.com