티스토리 반응형 스킨 Flatinum이미지 바꾸기

티스토리 반응형 스킨 

Flatinum 이미지 바꾸기

티스토리 반응형 스킨으로 

적용했어요.

Flatinum 스킨으로 적용을 했는데요.

다른 스킨들도 미리보기로 적용을

해보았으나, 깔끔하지 못한 느낌..

그래서 기존에 쓰던 Flatinum 스킨을

쓰기로 했어요. 

하지만 좀 더 예쁘게 바꿔보자

생각했고, 헤드 스킨을 

바꾸기로 마음먹었습니다. 

저는 html 소스를 하나도 몰라여 ㅠㅠ

그래서 찾으면서 적용을 했고,

혹여나 다시 했을 때 제가 

잊어버리게 되니 

이 내용응로 포스팅을 해봅니다. 

기록용이죵 ㅋㅋㅋ

더불어 저 같이 찾으시는 분들에게

도움이 되기도 하고 

자 그럼 해봅시다!

Flatinum 스킨은 이미지 세장이 

돌아가는 헤드시킨입니다. 

제 스타일의 사진으로 바꿔볼게요.

스킨편집을 눌러서

편집을 해주어야 합니다.

html을 눌러주세요!

티스토리 반응형 스킨의 장점은

이렇게 변경한 부분들이

모바일에서도 그대로 

맞춰서 적용이 된다는 것이에요.

그래서 불편하고 깔끔하지 못한? 

느낌이 있지만 ㅋㅋㅋ

그래도 대세가 모바일인만큼

티스토리 반응형 스킨으로

해봅니다

파일업로드에서 새롭게 적용할

이미지를 업로드 시켜줍니다.

파랗게 표시한 부분이 원래 적용된

3개의 이미지이고,

빨간 부분이 제가 새롭게 업로드한

이미지들입니다.

새롭게 업로드하는 이미지의 크기는

1920*600 픽셀입니다.

포토샵으로 맞춰도 되구요

저는 큰 이미지를 저 크기에 맞게

잘랐습니다.

그리고 업로드할 때 모두 이미지 이름을

영어로 변경해주세요!

그래야 인식한다는 사실!

업로드 한 후에는,

html 칸으로 와서 

slider_01을 찾아서 저렇게 빨갛게 

체크해준 부분을 지우고

새로 업로드한 이름으로 올려주세요.

본 이미지는 png 이고

제가 업로드한 이미지는 jpg 라서

저는 확장자 까지 변경해서 직접

써주었습니다.

짠 보이시죠? 

제가 지우고 새로 쓴 이미지에요

그리고 바로 적용을 클릭해줍니다.

설명이 잘 이해가 되지 않으실 수도

있는데,

Flatinum 스킨 이미지 변경 검색하시면

여러 블로거님들의 자세한 

설명이 있는데 몇개 보고나니

이해가 되더라구요.

그러고 새로고침해서 보면

티스토리 반응형 스킨이 새롭게 적용된

모습입니다.

모바일로 들어가도 그대로 적용이 잘

되었더라구요.

만족스러운 티스토리 반응형 스킨입니다.

앞으로 최적화 등등 할일이 많지만

하나씩 적용해나갈 생각입니다.

티스토리 반응형 Flatinum스킨 

사용하시는 분들 참고해주시 바랍니다.