[blogger] [a:link tag] 본문 하이퍼링크 색상 바꾸기, 밑줄 없애기

문제점

여러 검색 결과 hyperlink와 관련된 a 태그와 관련해서 css 추가를 하면 된다는 것을 알았다.

하지만, 밑의 코드를 실행했을 때, 실행되지 않았다.

* 참고)

 1. link : link된 부분 지정

 2. visited : 이미 방문한 적 있는 것

 3. hover : 마우스를 가져다 대었을 때

 4. active : 마우스로 클릭한 순간

해결

blogger 본문 내의 a 태그는 따로 해야 한다는 것을 깨달았다.

링크 부분을 오른쪽 클릭하여 검사 버튼을 누른다.

링크에 해당하는 부분의 html 코드를 알 수 있다.

그 상위 블럭을 알기위해 조금만 스크롤 한다면 알 수 있다. 

이 블로그 탬플릿 만든 사람이 만든 class이름을 확인할 수 있다.

나의 경우, post-content가 class name이었다.

이를 바탕으로 post-content의 a 설정을 한다.

블로그 설정에서 '레이아웃'에 들어가 '테마 디자이너' 클릭

그 후, 밑에 처럼 css추가에 들어간다.

밑의 코드처럼 변경하면 내가 원했던 링크삽입 색상 설정 및 밑줄 설정을 할 수 있다.

주의해야 할 점은 반드시 내가 친 순서대로 해야한다는 것 : link -> visited -> hover

(hover이 link,visited 앞에 오게 된다면 마우스를 가져다가 대어도 변화가 없음)