화면크기에 따라서 알아서 척척 크기가 맞춰지는 '웹반응형 스킨' 편집하기..지난 시간에 이어서 이번에는 블로그 최하단부에 나오는 'footer'의 정보를 수정하는 방법에 대해서 알아보겠습니다^^
기존 티스토리 스킨의 html을 직접 다뤄보셨다면 이 역시도 쉽게 수정할 수 있습니다.
skeleton 웹반응형 스킨은 기본적으로 하단부 footer에 저작권표시인 'copyright'와 년도.
그리고 자신의 블로그 제목이 나타나게 되어있고 그 다음으로 블로그 총 방문자수, 오늘 방문자수, 어제 방문자수.. rss주소링크, tags(태그), admin(관리자모드) 등이 표시됩니다.
스킨을 자유자재로 변경할 수 있으면 깔끔하고 예쁘게 꾸며볼 수도 있겠죠^^ 항상 html을 편집할때는 백업을 해둔 상태에서 시작하시기 바랍니다.
위에 보이는 캡쳐화면이 로렌과오뚜막 블로그의 웹반응형 스킨 skeleton의 최하단부 footer입니다..진한 회색으로 표시되어 있어서 확~ 눈에 들어오네요.
이 footer부분은 최초에 skeleton 스킨을 적용시 마크쿼리님의 블로그 주소로 설정되어 있기 때문에 바로 바로 변경해야 겠죠^^
footer부분을 자세히 살펴보면..우리가 '수정'해줘야 하는 부분은 한곳입니다.
취향에 따라서 새로운 정보소스를 추가할 수도 있구요^^ 맨 밑에 마크쿼리,오픈소스 라이센스 부분은 스킨개발자 분들 표시하기 위함이니까 함부로 손을 되지마세요~
먼저 저작권 표시부분에서 마크쿼리님 블로그 제목을 자신의 블로그 제목으로 바꿔주고 주소링크도 수정해줘야겠죠..
웹반응형 스킨 skeleton 'footer'정보 수정하기
그 뒤에 있는 All Rights Reserved.라는 글씨는 원래 없는 부분이라서 직접 입력해줘야 합니다. ccl표시부분도 원래 없는 부분이라 직접 넣어주면 되구요.( ccl 추가하기 관련 이야기는 다음 포스팅에서..^^)
마지막으로 수정이 가능한 곳은 방문자수와 rss주소링크, tags(태그), admin(관리자모드) 등이죠..여기서 필요없는 부분은 지워도 되고..필요한 부분은 또 추가해줘도 되겠죠~
웹반응형 스킨의 footer 수정을 해주려면 티스토리 관리자 모드로 들어가서 html/css편집으로 들어간 다음 'skeleton-footer'를 검색해주세요~
단축키는 언제나 ctrl + f 죠~ 그러면 관련부분이 skin.html부분에 딱 하나 나타나는데요..위에서 부터 자세히 보면서 내려오면 블로그 주소가 딱 하나 보여요.
이 부분을 자신의 블로그 주소로 변경해주고 그 다음에 블로그제목이 보이는 부분도 역시 바꿔주세요. 그 이후부터는 <li>~</li>라는 구조가 각각의 소스를 감싸안으면서 계속 이어지는 모습이 보이시죠?
이 부분들을 참고해서 본인이 필요한 부분은 남겨두고 불필요하면 지우고 ..다른 소스가 필요하면 집어 넣어주고 저장해주면 된답니다^^
조금 이해가 안가신다면 위에 캡쳐한 footer 사진과 skin.html소스를 순서대로 비교해보면 금방 알게된다는.
✅웹반응형 스킨 'skeleton' 본문상단에 구글번역기 넣는 방법
✅웹반응형 스킨 'skeleton' 상단메뉴 버튼(드롭다운) 만들기