ㅤㅤㅤ

티스토리 반응형#2번째 버전 내 맘대로 수정하기 본문

メドレー/Tistory

티스토리 반응형#2번째 버전 내 맘대로 수정하기

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ 2017. 6. 9. 15:36

쌩초보도 쉽게 티스토리 기본 스킨 변경하는 방법 알려드릴게요.

사실 네이버 블로그보다는 티스토리가 어려워요..

하지만 티스토리는 본인이 공부하면서 꾸미는 재미가 있는것 같아요

그리고 새로나온 신규 스킨도 적용해볼 수 있고요~



제가 적용한 스킨은 티스토리 공식스킨 #2 입니다.

반응형 스킨이라서 모바일에서도 보기 편하구 좋아요~

그리고 구글 애드센스 광고 다는것도 티스토리에서 제공하는 플러그인으로 쉽게 달 수 있어서 좋아요







저는 홈페이지 왼쪽에 프로필 사진이랑 제 닉네임을 지우고 싶었어요

근데 어떻게 하는지 몰라서 열심히 찾아봤습니다...

그러다가 HTML을 공부하게 됐습니다. ㅋㅋ

공부하다가 보니까 대충 구조를 알 수 있게 됐어요.








관리 페이지에서 HTML/CSS 메뉴에 들어오면 다음과 같은 화면이 나올거에요

이것이 티스토리 기본스킨 #2의 내부입니다 ㅋㅋ

진짜 이게 뭔말인지 싶었어요!


이제 본격적으로 왼쪽의 프로필 사진과 이름을 지워볼게요





저 코드가 적혀있는 화면을 마우스로 좌클릭을 해주고 Ctrl+f(찾기기능)을 실행시켜서 'area_profile'을 쳐줍니다!

그럼 딱 한군데 나옵니다. 아래와 같은 부분이요


그럼 이제 저 부분을 다 지워주거나 저 처럼 <!-------- 없앨내용 ------->

이렇게 해주시면 됩니다 ㅋㅋ


근데 저는 <!-------------- 내용 --------------->

이 방법을 추천해 드립니다.


왜냐면 나중에 다시 넣고싶을때 저 표시만 지우면 바로 다시 프로필이 생기니까요..

나중에 다시 사용할지 모르니 저 처럼 해보세요~








저장을 누르신 후! 본인 블로그에 다시 들어가보면! 이렇게 되있습니다 ㅋㅋ

좀 휑~하네요 ㅋㅋㅋ 저는 저건 너무 심하게 휑한거 같아서 

프로필 사진이랑 밑에 닉네임만 지웠습니다. 블로그 이름은 가만 냅두고요 ㅋㅋ





담에는 저 코드중에서 저처럼 프로필사진(프로필 썸네일)과 닉네임만 지우는 방법을 알려드릴게요

지금까지 티스토리 기본 스킨 수정하는 방법에 대해서 알아봤습니다.

그럼 다음 포스팅에서 만나요






티스토리 기본 스킨 내 맘대로 수정하기 #2



이번에는 전 포스팅에 이어서 티스토리 기본스킨 #2의 프로필 썸네일과 닉네임을

따로따로 없애는 방법에 대해서 알려드릴게요

전에는 블로그 이름이랑 프로필 닉네임 한번에 없앴는데 이번엔 따로따로 해볼게요 ㅋ


대충 느낌 아는 분들은 전 포스팅만 봐도 느낌왔을꺼에요 ㅋ

밑에 사진에 도그라미 친 부분만 없애볼게요




저번 포스팅에 했던것처럼

티스토리 관리 페이지에 들어가서 HTML/CSS 메뉴에 들어갑니다.

그리고 Ctrl + F 를 눌러서 'area_profile'을 검색하면 아래와 같은 화면이 나옵니다




그럼 여기서 아래 사진 처럼 해봅니다.

프로필 썸네일 부분만 무효화 시켰습니다.




새로고침을 눌러보면 이렇게 변했습니다.

닉네임은 그대로 있네요




그럼 이번에는 닉네임만 지워볼게요

대충 예상했겠지만 한단계 밑부분만 무효화 시켜주면 됩니다.

아래 사진보고 따라하세요~



새로고침을 누르면 이렇게 변했을꺼에요 ^^

닉네임만 사라졌어요.. 프로필 사진은 그대로 있구요~

대 성공!!! 너무 쉬운건데.. 다 아셨는데.. 괜히 설명한건가요?ㅋㅋ




자 그러면 이제 저 블로그처럼 프로필 사진이랑 닉네임 둘다 없애는 방법을 알려드릴게요

위에 두개를 통합해서 무효화 해주면 됩니다!

이렇게 하면 티스토리 반응형 스킨 #2를 살짝 취향대로 바꿀수 있습니다.






이렇게 바뀌었네요~~ 성공적이네요 ^^






이렇게 티스토리 기본 스킨인 반응형 스킨 #2를 살짝 수정해봤습니다.

다음번에는 저 왼쪽 메뉴부분(네비게이션 이라고 해요)의 사진을 내가 원하는 사진으로 바꿔볼게요

그럼 다음 포스팅에 만나요



Comments