2023년 9월 17일 일요일

Google Blogger 링크버튼 적용 방법 (CCS추가)

링크버튼 적용방법

링크버튼을 개인이 CSS을 편집하여 만들어야 하는데 초보자들은 만들기 쉽지 않습니다. 링크버튼을 무료로 수정해서 쓸수 있는 사이트가 있습니다. 이 사이트를 이용해서 링크버튼을 만들어 보겠습니다.

버튼디자인

원하는 디자인 버튼을 선택해주세요.

링크버튼 수정

디자인을 원하는 형식에 맞게 수정해 주세요.

링크버튼 코드 확인

디자인 수정을 하고 Get Code버튼을 클릭하면 오른쪽에 Code가 출력되는 것을 확인할 수 있습니다. 첫줄을 제외한 붉은색 코드만 복사를 합니다.

CSS적용 방법

블로그 관리 페이지의 [테마 > 내 테마(맞춤설정의 우측에 있는 ▼클릭) > HTML 편집]을 선택

<head><style>...</style></head>의 <style>...</style>사이에 CSS 코드를 삽입하고 저장합니다.

사용방법

<a href="#" class="myButton">green</a>