티스토리 블로그 작성을 하면서 외부링크를 눈에 띄게 보이게 하기 위해서 CSS를 이용해서 버튼 만들기 내용을 진행하겠습니다. Button Generator 사이트를 이용해서 비교적 아주 쉽게 설명을 할 것이기 때문에 아래 매뉴얼 대로 그대로 따라만 하면 쉽게 티스토리 버튼 만들기를 할 수 있습니다.
티스토리 버튼 만들기 메뉴얼
티스토리 관리자 기능 중 CSS 편집이 가능합니다. 해당 기능을 이용해서 버튼 CSS 코드를 붙여 넣기 하면 쉽게 티스토리 버튼 생성이 가능합니다.
1. Button Generator 사이트 이동
Button Generator 사이트를 이용하면 쉽게 버튼 CSS 코드를 얻을 수 있습니다. 아래 버튼을 클릭해서 Button Generator 사이트로 이동해 주세요.
2. Button Generator 사이트 좌측 버튼 선택
Button Generator 사이트 좌측에서 원하는 버튼 모양을 선택해 주세요.
2. 선택한 버튼 클릭
버튼을 선택하면 Button Generator 사이트 중앙에 선택한 버튼이 보입니다. 해당 버튼을 클릭합니다.
3. 우측 CSS 코드 복사
버튼을 클릭하면 Button Generator 사이트 우측에 CSS 코드가 활성화됩니다. 아래 이미지에 파란색 코드만 드래그해서 복사합니다.
4. 티스토리 CSS 편집으로 이동
티스토리 CSS 편집으로 이동합니다.
✅경로 : 티스토리 관리 > 스킨편집 > html편집 > CSS
5. CSS 편집 창 하단에 복사한 CSS 코드 붙여 넣기
Button Generator 사이트에서 복사한 CSS 코드를 티스토리 CSS 편집 창 하단에 붙여 넣습니다. 그리고 반드시 적용을 클릭해 줍니다.
6. 티스토리 글쓰기 html 편집 사용 버튼 만들기
티스토리 글쓰기에서 html 편집으로 이동합니다.
아래의 코드를 복사해서 버튼을 삽입하고 싶은 위치에 붙여 넣습니다. 1️⃣href="(여기에 이동하고 싶은 URL 입력)" 2️⃣blue 라고 쓰여있는 부분에 버튼에 넣고 싶은 문구를 적습니다.
blue
html 편집에서 위의 과정을 모두 진행 후 다시 기본모드로 돌아옵니다.
버튼 모양이 보이진 않고 아래와 같이 텍스트만 보이지만 최종적으로 글쓰기 완료를 하고 작성한 포스팅을 확인하면 버튼이 보입니다.
🔹서울시 청년수당 [2023년] 신청기간, 지원 자격, 선정 및 지급일
서울시 청년수당 [2023년] 신청기간, 지원 자격, 선정 및 지급일
매년 청년들에게 경제적 지원을 해주는 프로그램인 서울시 청년수당에 대해 알아보겠습니다. 서울에도 비슷한 프로그램이 여럿 있지만 가장 잘 알려진 지원 사업 중 하나입니다. 신청은 2023년 3
since-2059-future.tistory.com
당근마켓 PC버전 매물 검색 거래 방법 | 중고나라
중고물품을 쉽게 사고팔 수 있어 많은 분들이 당근마켓을 즐겨 사용하십니다. 당근마켓 앱은 무료로 사용할 수 있으며 근처에 있는 사람들과 거래할 사람들을 쉽게 찾을 수 있습니다. 그런데 PC
since-2059-future.tistory.com
이상으로 티스토리 버튼 만들기 매뉴얼 | Button Generator [2023년] 방법에 대해 알아보았습니다.
'생활정보' 카테고리의 다른 글
| 대장내시경 용종제거후 식사 어떻게 해야 할까? 피해야할 음식 (0) | 2023.03.16 |
|---|---|
| 마이너스 통장 금리 비교 [2023년 3월] 마통 쓰는 이유 (0) | 2023.03.14 |
| 주식투자 방법 | 계좌개설 | 기업분석 | 보통주 우선주 (0) | 2023.03.13 |
| 더 글로리 시즌 2 [2023년 3월] 일정, 공개일, 예고편 다시보기 (0) | 2023.03.10 |
| 서울시 청년수당 [2023년] 신청기간, 지원 자격, 선정 및 지급일 (0) | 2023.03.09 |
댓글