html 소스를 조금 볼 줄 안다고 무턱대고 티스토리 스킨을 고치기 시작했는데, 이거 가면 갈수록 손대고 싶은 부분이 많이 생깁니다.
블로그를 운영하다보면 카테고리를 많이 만들게 되는데, 그 카테고리에 수없이 많은 유사한 글들이 생기기 마련입니다.내 블로그에 방문한 사람들이 조금이라도 더 내 블로그에 머물게 하려면 다른 글들도 봐줬음 하는 생각이 블로그 운영자의 생각일것 같은데요.
티스토리 스킨을 변경하다 보니 카테고리 다른글 항목의 위치를 바꿔보고 싶었습니다.
이건 제 힘으로 되지 않더라구요 ^^; 그래서 다른 분들이 사용하고 있는 것을 참조해 봤습니다.
카테고리 다른글 위치 이동 준비하기 |
우선 첫번째로 위의 소스를 복사해서 skin.html 편집부분 </head>위에 붙여넣기를 합니다.
이 부분은 정규식을 활용해서 다른글의 위치를 이동시키기 위한 준비 작업입니다.
카테고리 다른글 위치 이동 위치설정 |
이동시킬 준비가 되었으니, 이젠 실제로 이동시킬 곳의 위치를 정하게 됩니다.
너는 이제부터 여기에 나오거라~ 라며 명령하는 부분이죠
저는 본문이 끝나는 부분에 위치시키기 위해서 </s_article_rep> 라는 것 밑에 붙여 넣었습니다.
두번째 역시 skin.html 편집부분에서 진행되어야할 내용입니다.
카테고리 다른글 디자인부분. |
위치를 정하기만 해도 해당 카테고리의 다른글들이 보이기는 하지만 글씨색이나 테두리 색이 기본형입니다.
그래서 저는 아래와 같이 테두리와 글씨색을 변경했습니다.
이 부분은 style.css 파일에 붙여 넣습니다.
최종적으로 완성된 모습입니다. 아직 티스토리 스킨을 수정하고 가다듬어야 할 곳이 너무나도 많네요.
언제 블로그 글을 쓰기 시작할지 모르겠습니다.
'초보인터넷 > 블로그운영' 카테고리의 다른 글
| 티스토리 반응형 스켈레톤 스킨 가로 사이즈 수정 적용 (0) | 2014.04.03 |
|---|---|
| 티스토리 반응형 스킨, 모바일용 PC용 애드센스 광고 단위 만들고 넣는 방법 (3) | 2014.03.31 |
| 티스토리 블로그 마크쿼리 스켈레톤 반응형 웹 스킨으로 교체 (1) | 2014.03.24 |
| html 최적화 웹표준검사 마크업 검증 통과 도전!!! (0) | 2014.02.21 |
| 티스토리 404 에러 나의 블로그 홈으로 이동시켜주기 (9) | 2014.02.20 |
| 구글에 등록된 나눔고딕 폰트 활용해서 티스토리 블로그 폰트 변경하기 (0) | 2014.02.18 |
| 블로그 스킨부터 꾸며볼까 합니다. (0) | 2014.02.18 |
카테고리 위치이동 소스.txt