블꾸 포스팅을 하다보니까 배경이 하얀데 사용하는 사진까지 하애서 이게 그림인지 글인지 헷갈리는 경우가 많다.그래서 구분할 수 있게 그림자를 넣고 모서리도 둥글게 바꿔보고 싶어서 알아봤다.코코섬님 블로그에서 그림 확대 모션이 부드럽고 좋길래 따라하기로 결정!이 분은 본문 이미지만 알려주셨지만 홈화면의 섬네일에도 적용해보고 싶어서 도전해봤다.일단 갤러리 형식 빼고는 다 성공했는데 앞으로 오류가 있는지 없는지 주시해봐야겠다. 적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 본문 이미지아래 코드를 추가한다.#article-view figure.imageblock img,#article-view figure.imagegridbloc..

글을 쓸때마다 소제목을 설정해왔는데 기본 문단 모양은 크기 말고는 딱히 눈에 띄게 달라지는 건 없다.앞에 네모박스를 표시하던데 좀 더 다른 식으로 하고 싶어서 엄청 검색해봤지만 못찾았다ㅠㅠ그래도 이런저런 방법을 알아냈으니 변형해보면서 적용하면 될 것 같다. 적용 모습 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 소제목 h2#article-view h2[data-ke-size] 부분에 아래 코드를 추가한다. #article-view h2[data-ke-size] { /* -- 기존 코드 */ font-size: 1.62em; line-height: 1.46;}#article-view h2[data-ke-size] { /* -- ..

컴퓨터로만 봐서 몰랐는데 모바일 화면에서 본문 넓이가 굉장히 좁다ㅜㅜ레터 스킨은 이렇게 좁은 느낌이 없었는데 이 스킨이 좁게 설정이 된 것 같다. 이걸 수정하면 무슨 문제가 생기는건지는 아직 모르겠다ㅠㅠ근데 다른 스킨들 보면 너비가 넓은것도 있고 아닌것도 있으니 괜찮겠지..... 적용 모습 본문 너비가 넓어졌다! 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집 @media screen and (max-width: 768px) {의 .article_view {에 패딩값을 입력한다. /* media query - only mobile */@media screen and (max-width: 768px) { .article_view { ..

블꾸 과정을 올리다보니까 코드블럭이 굉장히 밋밋하다.인용이랑 구분이 어려울 정도다ㅠㅠ그래도 코드 문법 강조 플러그인만 써도 눈에 띄게 이뻐진다.하지만 다른 블로그들을 보다보니까 특이한 스타일의 코드 블럭을 적용하고 있더라.맥북을 안써서 몰랐는데 맥 형식이라던데..아무튼 이쁘니까 적용해보고 싶었는데 둉이님이 자세한 설명이랑 함께 코드를 알려주셔서 따라해봤다. 적용 모습복사도 버튼 한번으로 해결되고 무엇보다 CSS인지 HTML인지 한눈에 보여서 좋다!세상에는 진짜 능력자분들 많다! 스킨 수정 과정1. 먼저 코딩 문법 강조 플러그인을 설정해야 한다.(꼭!!!!)플러그인 - 코드문법 강조 - 테마 선택 - 적용 2. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 2. j..

포스팅 밑에 보면 카테고리의 다른 글이라는 박스가 보인다.이 기능은 플러그인에서 적용하면 사용할 수 있다.플러그인 - 카테고리 글 더 보기 - 적용하지만 막상 적용해보니 미리보기처럼 깔끔해보이지 않는다.글씨 크기도 제각각이고 글씨가 너무 따닥따닥 붙어있고 밑줄도 보기 싫게 쭉쭉 그어져있다ㅜㅜ이번엔 여기를 집중적으로 수정해서 미리보기처럼 깔끔하게 만들어보려고 한다. 적용 모습글씨 크기만 통일되도 훨씬 깔끔한 느낌이라 마음에 든다. 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집  카테고리 다른글 테이블 헤드적당한 위치에 아래 코드를 추가한다..article_view .another_category h4 a {  text-decorati..

검색창 태그 목록을 수정하다보니까 그 밑에 보이는 최근글이랑 아카이브도 눈에 띈다.이 부분은 태그 목록과 달리 호버링시 마우스 모양만 바뀌기 때문에 선택했다는 느낌이 잘 안든다.태그 목록처럼 색을 넣어보기로 했다. 적용 모습수정 전  수정 후 스킨 수정 과정1. 편집화면으로 들어간다.꾸미기 - 스킨 변경 - 변경 - 스킨 편집 - HTML 편집 - CSS 편집적당한 위치에 아래 코드를 삽입한다..list_sidebar .item_sidebar a:hover {  color: #FF90BC;}  2. 코드 수정이 끝났다면 적용을 누른다.