블로그를 하다보면 파일도 첨부하고 링크도 많이 겁니다. 글들이 많다보니 파일과 링크가 그냥 텍스트하고 분간이 안가는 경우가 있습니다.
기본적으로 스킨을 제작하시는 분들이 링크에 일반적으로 색깔을 넣어 표시합니다.
대략 링크에 색깔을 넣으면 아래처럼 표시하곤 합니다. 
아래는 예제입니다.
a:link{color:#333; }
a:visited{color:#333; }
a:hover{color:#06C; }
a:focus{color:#333; }
a:active{color:#333; }

티스토리에는 본문 치환자라는것이 있는데요. 본문에만 적용되게 하고 싶으면 본문만 감싸고 있는 디비젼이 있어야 합니다.
HTML 상에서 대략 아래처럼 있다고 가정합니다.
 
<div class="article">
	[#\#_article_rep_desc_##]<!-- 본문 치환자 -->
</div>

그렇다면 본문에만 링크색을 적용하고 싶다면 아래처럼 적용하면 됩니다.
 
.article a:link{color:#333; }
.article a:visited{color:#333; }
.article a:hover{color:#06C; }
.article a:focus{color:#333; }
.article a:active{color:#333; }

그럼 본문의 링크에만 적용이 되겠죠.
자 이제 한단계 업그레이드 해봅니다.
본문에는 링크만 있는것이 아니라 파일도 첨부하고, 링크도 걸고 합니다.
그럴때 이미지로 표시합니다.
대략 아래처럼 보여지게 말입니다.

 
css 파일과 압축파일, 엑셀파일과 워드파일 그리고 링크가 있을때 화살표로 표기하는 것등입니다. 사용하는 이미지는 아래와 같습니다.
사용하실분들은 다운로드 받아서 사용하시면 됩니다.



위의 파일을 스킨편집창에서 업로드를 합니다.
그런다음 스타일을 설정하면 됩니다. css 편집창에 아래의 코드를 넣어줍니다.
 

.article .imageblock a[href$='.doc'], a[href$='.docx'] {
    background: transparent url(images/icon_word.gif) center right no-repeat !important;
    padding-right: 18px !important;
}
.article .imageblock a[href$='.xls'], a[href$='.xlsx'] {
    background: transparent url(images/icon_excel.gif) center right no-repeat !important;
    padding-right: 18px !important;
}
.article .imageblock a[href$='.rar'] {
    background: transparent url(images/icon_rar.gif) center right no-repeat !important;
    padding-right: 18px !important;
}
.article .imageblock a[href$='.css'] {
    background: transparent url(images/icon_css.gif) center right no-repeat !important;
    padding-right: 18px !important;
}
.article a[href^="http://"] { 
    background:url(images/in-link.gif) no-repeat right center; 
    padding-right:15px; 
 }
.article a[target*="_blank"]{
    background:url(images/out-link.gif) no-repeat right center;
    padding-right:15px; 
}

티스토리 특성상 본문에 삽입된 이미지는 .imageblock 라는 클래스를 사용합니다.
이 클래스를 사용해도 되지만 저는 rel 을 사용했습니다.
뭔 말이냐??
본문에 삽입된 이미지에도 위의 스타일이 적용이 됩니다. 그래서 이미지에는 화살표시가 안나오게 하고 싶다면 아래의 코드도 추가해 줍니다. 


/* 이미지에 배경 삭제 */
.article a[rel="lightbox"]{
  background:none repeat scroll 0 0 transparent;
  padding-right:0; 
}

이것으로 본문에 파일과 링크에 표시가 되는것은 완료가 되었습니다.
참고로 하단에 플러그인이나 그런것들이 있으면 추가적으로 설정을 해줘야 합니다.