티스토리 블로그 사진에 테두리 자동설정 및 해지하는 방법

안녕하세요.

요즘 티스토리 블로그에 재미를 붙이고 있는

티블린이 입니다.

 

 

 

 

오늘은

티스토리 블로그 사진에 테두리 자동설정 및 해지하는 방법

을 알려드리도록 할께요

 

---

자, 먼저 비교를 해보겠습니다.

 

여러분 혹시 왼쪽과 오른쪽의 차이를 느끼셨나요?

 

왼쪽에 보시면 테두리 구분이 없고, 오른쪽에 보시면 테두리 구분이 있습니다.

실제로 저 두 사진만 비교를 해도

테두리 구분이 있는것이 훨씬 더 깔끔해보입니다.

 

 

네이버 블로그 같은 경우 간편하게 편집기능에

[액자]-테두리 넣는 기능이 있지만,

티스토리는 스킨의 CSS를 수정하여 업로드 하셔야 합니다.

 

 

나같은 컴맹은 CSS가 뭔지 모른다구!!!!

하셔도 괜찮습니다.

주변지인들에게 컴퓨터 하는게 신기하다라고

들을 정도로 제가 컴맹이거든요^^;;

 

 

제가했으니까 다들 하실 수 있습니다.

저만 잘 따라오시면 됩니다 ! 

 

 

---

티스토리 블로그 사진에 테두리 설정하는 방법

1) 먼저 맨 오른쪽 프로필사진 이미지를 클릭하시면 '관리'가 나올거에요. '관리'를 클릭해줍니다.

 

 

2) 관리에 들어가셔서 좌측 상단에 보시면 '꾸미기'가 있어요. 거기서 '스킨변경'을 눌러줍니다.

 

 

3)  사용중인 스킨 밑에 보이는 '편집'을 눌러줍니다.

 

 

4) 그럼 이렇게 '스킨편집'이 뜰거에요. 그러고 밑에 "html편집"을 눌러주세요.

 

 

 

5) HTML옆의 'CSS'를 클릭해줍니다

 

 

6) 내용 중 'img'를 검색하면 border와 같이 있는 행을 찾습니다. (찾는기능은 Ctrl+F)

 

 

7) 그림과 같이 border: 뒤에 1px solid #000 !important; 를 복사해서 붙여넣습니다. (그대로 붙여넣어주세요)

꼭 똑같이 따라하셔야 합니다. 저도 우왕좌왕했지만 성-공 ! 

 

이렇게 하시면 사진에 테두리가 이쁘게 적용되어있을거에요

 

속성을 입력하신 다음 마무리로 꼭! 세미콜론(;)까지 입력해주셔야 속성이 제대로 적용됩니다.
- 테두리 두께(1px), 실선(solid), 검은색(#000)인 테두리가 모든 사진에 적용되는걸 볼 수 있을거에요 

 

 

---

테두리 없애는 방법

border 속성 값을 '0'이나 '빈칸'으로 해주시면 테두리가 사라질거에요 (처음과 그대로 돌아간다고 생각하면 됨)

" img { border: 0px; max-width: 100% } "

이렇게 해주시면 다시 원상태로 돌아갈거에요.

 

 

자, 티블린이들 이렇게 하나씩 배워갑시다.

저도 요즘 코딩 배우는 재미로 하나하나 해보고있어요 ㅎㅎ