티스토리블로그 미넴스킨의 글목록 썸네일을 라운드모양 설정하기

 

미넴스킨이라면?

 

다들 자신의 티스토리를 깔끔하고 예쁘게 꾸미고 글을 쓰고 계실텐데 다양한 기능과 애드센스적용을 쉽게 해주는 기능으로 인기를 얻고 있는 미넴스킨은 설정기능은 많지만 제가 원하는 블로그 글목록에서 보여지는 썸네일이미지의 모양이 사각형이라 조금더 친근하고 부드럽게 보여지기를 원해 썸네일에 라운드 형태를 넣어주려고 합니다. 저와 같이 미넴스킨을 사용중인데 썸네일을 라운드모양으로 바꿔보고 싶으신 분은 아래의 글을 참고하셔서 적용시켜 보세요.

 

▶ 삼성 비스포크 4도어 냉장고를 가장 저렴하게 구매할 수 있는 방법 알아보세요.

 

아, 미넴스킨은 아래의 링크버튼을 클릭하여 다운로드 받을 수 있습니다.

 

 

 

 

썸네일 라운드 적용방법

 

1. 블로그 스킨편집을 누르고 html편집메뉴 옆에 CSS탭을 누릅니다. CSS페이지에서 Ctrl+F키를 동시에 눌러서 검색창을 열어주고 검색창에 figure img 를 입력합니다.

 

검색창을 열고 입력합니다.

 

 

 

2. 검색창에 입력한 후 엔터를 치면 아래와 같이 해당 단어의 위치로 이동합니다. 여기에 썸네일이미지에 라운드모양을 나타내는 코드를 추가로 넣으면 됩니다.

 

검색창에 입력한 단어의 위치로 이동되었어요.

 

 

 

3. } 괄호 윗줄에  border-radius: 15px; 를 입력해주세요. 아, 여기서 15px는 당신이 원하는 수치만큼 변경하셔서 입력해 넣으시면 됩니다. 설정은 이렇게 끝입니다. 간단하죠? 

 

저 위치에 그대로 넣으시면 됩니다.

 

 

 

위의 코드가 복사하기 어렵다면 아래의 메모장파일을 다운로드 받아서 안의 내용을 복사해서 사용해보세요.

 

썸네일라운드소스코드적용.txt

0.00MB

 

 

 

라운드 적용 전,후 비교하기

 

썸네일에 라운드 모양을 적용하기 전과 후를 비교해보세요. 먼저 변경하기전의 모양을 캡처이미지로 확인해보세요.

 

라운드 적용 전

 

 

이제 적용한 후의 모습을 살펴보세요. 더 부드러운 느낌을 주는 모습이죠? 이렇게 요즘 어플이나 사이트등에서는 딱딱해보이는 썸네일의 사각모양에서 벗어나 라운드가 있는 모습을 보여주어 친근하게 다가옵니다.

 

라운드 적용 후

 

 

당신은 어떤게 더 예쁘고 내 마음에 든다고 생각되시나요? 미넴스킨을 사용한다면 위의 방법으로 원하는 효과를 낼 수 있고요, 다른 스킨은 이와 다르게 적용될 수 있으니 스킨마다 변경방법이 다를 수 있습니다. 혹시 적용하다가 잘안되는 부분이 있다면 댓글로 말씀해주세요. 

 

▶ 삼성 비스포크 4도어 냉장고를 가장 저렴하게 구매할 수 있는 방법 알아보세요.

 

 

 

관련글

 

이 글과 비슷한 관련 카테고리의 글을 함께 읽어보세요. 도움이 되는 정보가 많이 준비되어 있습니다.

 

티스토리블로그 주소복사할때 외계어말고 숫자주소 쉽게 알아내는 방법

티스토리블로그 주소복사할때 외계어말고 숫자주소 쉽게 알아내는 방법

 

티스토리블로그 이미지옆에 글쓰기하는 기본에디터 사용방법

티스토리블로그 이미지옆에 글쓰기하는 기본에디터 사용방법

 

티스토리블로그에 쉽게 적용하는 반응형 링크 버튼 바로 적용하기

티스토리블로그에 쉽게 적용하는 반응형 링크 버튼 바로 적용하기

 

 

 

참고하세요

 

· 블로그 상단의 구독하기버튼을 누르시면 제 블로그의 새글을 바로 받아볼 수 있습니다.
· 방문하시는 여러분의 ♥공감 하나와 댓글 하나가 저에게는 큰힘이 될 수 있습니다.
· 어필리에이트(쿠팡,알리익스프레스)등으로 인한 수익금을 얻을 수 있습니다.
· 이 글은 블로그정보 카테고리에 위치하고 있습니다. 비슷한글을 보시려면 아래를 확인하세요.