티스토리 링크접기 간편하게 1분이면ok

 

 

저는 가능하다면 깔끔한 블로그를 유지하고 싶었는데

그중에 사이드바에 링크수가 많아지니

 

카테고리마냥 자리를 많이 차지하고있고

보기에도 별로 안좋은것 같아서

 

링크목록 형식의 접기기능을 적용해보았습니다

 

 

 

 

간편하게 누구나 쉽게 글만보고

적용하는데는 단 1~2분이면 되니 천천히 따라오세유~

 

자~! 그럼 위 사진처럼

사이드바 링크목록 접기기능을 적용해보겠습니다

 

 

 

 

우선 티스토리관리 > HTML/CSS편집을 클릭하세요

 

 

 

 

우선 HTML에서 자신의 링크모듈을 검색해주세요

저는 " 링크 " 로 검색했습니다

이부분은 사용자에 따라 다른데 본인의 사이드바 링크를 검색하시면 됩니다.

또는 Module 이나 link 로 검색해주세요

 

 

링크접기 소스.txt

 

그리고 해당 첨부파일에 소스를 붙여넣으시면 됩니다

제가 직접적요한 소스와 간편참고 소스가 있으니

본인의 블로그에 맞게 적용하시면 됩니다

 

저도 참고하는중에 조금 다른부분이 있어서 조금 수정했어요

<Ul> 과 <S_link_rep>

사이에 소스를 붙여넣어주면 됩니다

 

 

 

이런 과정을 모두 마친다음

카테고리 사이즈에 맞게 Width 가로폭사이즈를 조정하시고

저는 글꼴이 나눔고딕이 좋아서 이걸로 해줬어요

 

 

 

 

HTML를 모두 마쳤다면 사이드바에서 링크를 추가하고

원하는 위치에 배치해줍니다

 

 

 

 

그리고 기존이 사용했던 링크는 모두 삭제해줬어요

 

 

 

 

모두 다 마치고나면 이렇게 링크목록이 박스형태의 목록으로

접고 펼치기가 가능합니다

 

참 쉽죠잉~

이렇게 블로그가 한층 깔끔하고 보기좋게 변경되었네요'-')/