글 작성 시 관련 사이트로 이동하는 링크를 안내할 때 링크 버튼을 만들어주면 가독성과 수익상승에 도움이 됩니다. 오늘은 티스토리 글 작성 시 링크버튼 만드는 방법에 대해 알아보도록 하겠습니다. 방법은 간단하니 그대로 따라 하시면 됩니다.
목차
링크버튼 만들기
링크버튼은 "Button Generator" 사이트에서 쉽게 만들 수 있습니다.
✓ 위의 링크버튼 만들기 바로가기 버튼을 눌러 해당 사이트로 이동합니다.
✓ 여러 가지 모양의 버튼 중 마음에 드는 색상과 모양을 선택해 준 뒤 Get Code 버튼을 클릭합니다.
✓ 1번 박스의 경우 CSS코드를 의미하고 2번 박스의 경우 html코드를 의미합니다. 먼저, 1번 박스의 CSS코드를 복사해 줍니다.
CSS코드 적용
✓ 자신의 티스토리 관리자모드에서 스킨편집을 클릭합니다.
✓ html 편집 → CSS에서 맨 하단에 Button Generator에서 얻은 코드 중 1번 코드를 붙여 넣기 해준 뒤 적용 버튼 눌러줍니다.
서식 만들기
CSS코드 입력까지 끝났다면 버튼 만들기를 서식으로 만들어 글 작성 시 적용할 수 있도록 하겠습니다.
✓ 블로그관리 → 서식관리 → 서식 쓰기를 클릭합니다.
✓ 서식관리에서 서식 제목(링크 버튼(회색))을 입력하고 HTML을 클릭합니다.
위의 Button Generator에서 얻은 코드 중 2번 코드를 붙여 넣기 해준 뒤 서식을 저장합니다. 서식 저장화면에서는 버튼 생성이 바로 보이지 않습니다. 저렇게 파란 영어만 나오는 게 정상이니 걱정하지 않으셔도 됩니다.
포스팅 시 버튼 서식 넣기 예시
위의 과정을 거치면 버튼 만들기 과정은 끝입니다.
✓ 포스팅 작성 중에 글쓰기 링크 버튼을 넣고 싶은 곳에 서식 → 생성 링크 버튼 서식 클릭합니다.
✓ 링크 버튼 서식이 생성됐다면 원하는 링크와 문구로 변경합니다.
✓ html 모드에서 1번에 링크, 2번에 원하는 문구로 변경하면 됩니다.
✓ 저는 1번 링크에 '#' → 'https://www.bestcssbuttongenerator.com'
✓ 2번 원하는 문구에 'turquoise' → '링크버튼 생성 홈페이지 바로가기'로 변경했습니다.
✓ 다시 일반모드로 돌아오면 링크버튼 생성 홈페이지 바로가기 가 생성된 것을 확인할 수 있습니다.
버튼 생성을 확인하고 싶다면 미리 보기에서 확인하거나 글 발행 후 본문에서 확인할 수 있습니다.
이번 글에서는 글작성 시 가동성과 수익상승에 도움을 주는 링크버튼 만드는 방법에 대해서 알아보았습니다. 위의 내용대로 서식으로 한 번만 저장해 놓으면 글작성할 때마다 꺼내 쓸 수 있습니다. 위의 내용이 도움이 되셨길 바라며 글을 마치도록 하겠습니다.
'유용한 정보 > N잡' 카테고리의 다른 글
| 운전적성 정밀검사 (0) | 2023.03.13 |
|---|---|
| 화물합격자 온라인 교육 (0) | 2023.03.13 |
| 화물운송종사 자격시험 기출문제 (0) | 2023.03.13 |
| 앵커광고 위치 변경 (0) | 2023.02.28 |
| 구글 애드센스 결제정보 입력 (0) | 2023.01.10 |
