티스토리 사이드바 꾸미기[목록깔끔하게정리하기]

티스토리는 블로그는 내 마음되로 HTML을 변경할수있다는 장점이있지요?
그래서 오늘은 카테고리 꾸미기편을 해볼까 합니다.

이웃링크 또는 최근에 올린글등을 설정하다보면 쭉 나열이되어 자칫 지져분하게 보이는 경우가 생길 수 있는데...
그부분을 조금이라도 깔끔하게 보이도록 설정하는 방법을 포스팅해볼까합니다.
이거 실험해보느랴 스킨날릴뻔한거 겨우 겨우 다시 살려 진땀 뺍습니다.ㅡㅡ;;

 그럼 오늘주제가 무슨소리인고 하니...

그림을 보면 이해가 바로 되실겁니다.

 
그림과 같이
나열된 오른쪽 변경전 모습과 정리하여 본 왼쪽 모습을 보면 어느쪽이 더 깔끔하지 또한 이뻐?졌는지 눈에 들어올겁니다.

그룹별 제목앞에 이미지 삽입 과 제목별 글씨색을 변경을 주고 나열된 링크들을 묶어 보이도록 하였습니다.

※ 가장 중요한건 변경하기전 스킨저장은 필수입니다.^^; ※

그럼 차근차근 변경해보도록 하겠습니다.










■ 첫번째, 카테고리 글씨 변경해보기 ■

 



글씨 앞에 저 처럼 이미지를 넣고싶다면 자신이 좋아하는 이미지를 준비하여 업로드를 합니다.

업로드 방법은 관리 = > 꾸미기 = > HTML/CSS = > 파일 업로드




그럼 다시 HTML/CSS 로 돌아가 Ctrl + F 찾기를 합니다.


중요 :  변경하고자 하는 부분은 다 같은 방식으로 찾습니다.
카테고리,링크,태그,최근올라온글,트랙백등등




 
찾은 부분을 변경을 해야겠지요?

제목은 마음되로 변경하세요.

<h3> 이부분 변경 </h3>

이미지 소스 는 [ 아까 업로드한 이미지 주소 삽입 ]
<img src="./images/자신의이미지">

색변경 소스

<font color="ff0000(변경색코드)">색변경할 글자</font>


정리해보면

<img src="./images/
이미지파일"><font color="ff0000(변경색)"></font><font color="ff0000"></font>

태그가 포함되지 않은 글은 변하지 않겠죠?


"테" 와 "리"


이런식으로 자신이 바꾸고 싶은 제목들을 바꾸시면 됩니다.
 관련 소스

 








그럼 이제...

펼쳐진 링크를 박스안에 넣는 방법입니다.

 ■ 각종 사이드바 모듈 박스안에 정리하기 ■
- 이웃링크, 댓글링크, 최신포스트링크 모듈 등등 ■






똑같이 HTML/CSS 에서 Ctrl + F 찾기로 바꾸자할 목록을 찾습니다.




들이갈 소스는 하단 수록 


<h3>최근에 올라온 글 </h3>
이부분에 소스삽입      
<ul>

모두 동일..... 약간의 변동이있을수 있으니... 미리보기는 필수
.
.

소스를 삽입하게 되면 박스안에 링크들이 가지런히 들어 가있을 겁니다.

 관련소스

 





그리고 태그목록을 지금 제가 하고있는 빙글 빙글도는 방식으로 바꾸시려면
[블로그활용/TIP티스토리활용] - 티스토리 태그목록을 움직이는 태그목록으로 변경해보자!
편을 참고하시길 바랍니다.


이상 입니다.


  

Posted by 촌스러운곰 촌스러운곰