구글블로그 사용법: 블로그 이름 등의 링크 점선테두리 안보이게 하는 방법
차례 : 블로그 대시보드 > 템플릿 > HTML편집 > 코드 추가
구글 블로그의 블로그 이름 등과 같이 링크가 걸린 곳을 클릭하면 링크 주위에 점선 테두리가 생긴다. 이 점선 테두리를 보이지 않게 하려면, 블로그 HTML에 아래의 코드를 추가하면 된다.
1. HTML편집창으로 가기
=> 블로그 대시보드 > 템플릿(Template) > HTML편집(Edit HTML)
※ HTML편집창으로 가는 자세한 방법은 다음 페이지를 참조: 구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지
2. 코드 추가하기
아래 그림과 같은 HTML 편집창이 열리면,
=> [컨트롤 + F]키를 쳐서 검색(Search)창을 열고
=> 아래의 코드를 복사하여 붙여 넣은 다음 [엔터]키를 친다. 그러면 그림에서 노랑색으로 표시된 " a: link { " 부분으로 이동된다.
=> 그림과 같이, 아래의 코드를 복사하여 붙여 넣고, 저장(Save template)를 누른다.
아래 그림은 "outline: none"을 추가한 뒤의 모습이다.
[추가할 코드]
구글 블로그의 블로그 이름 등과 같이 링크가 걸린 곳을 클릭하면 링크 주위에 점선 테두리가 생긴다. 이 점선 테두리를 보이지 않게 하려면, 블로그 HTML에 아래의 코드를 추가하면 된다.
1. HTML편집창으로 가기
=> 블로그 대시보드 > 템플릿(Template) > HTML편집(Edit HTML)
※ HTML편집창으로 가는 자세한 방법은 다음 페이지를 참조: 구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지
2. 코드 추가하기
아래 그림과 같은 HTML 편집창이 열리면,
=> [컨트롤 + F]키를 쳐서 검색(Search)창을 열고
=> 아래의 코드를 복사하여 붙여 넣은 다음 [엔터]키를 친다. 그러면 그림에서 노랑색으로 표시된 " a: link { " 부분으로 이동된다.
a: link {
=> 그림과 같이, 아래의 코드를 복사하여 붙여 넣고, 저장(Save template)를 누른다.
아래 그림은 "outline: none"을 추가한 뒤의 모습이다.
[추가할 코드]
outline: none;