티스토리 광고를 달고 본격적으로 포스팅을 시작한 지 2달이 다되어 가면서 점점 고수들의 글이 눈에 들어온다. 현란한 버튼링크하며 알록달록한 색상 등등 글 내용에 상관없이 자꾸만 화려한 것들에 눈이 가기 마련이다. 나 또한 좀 더 티스토리 블로그를 이쁘게 꾸미기 위해 부러웠던 링크버튼 생성하는 방법을 배웠다. 정말 간단해서 1분이면 따라 할 수 있을 것이다.
목차
이쁜 디자인 링크버튼 만들기 #1
자기가 원하는 디자인의 링크버튼을 만들기 위한 가장간단한 방법
링크버튼 생성기 사이트 클릭 ▼
링크버튼 원하는 디자인 선택 클릭만 탁탁 #1
사이트 접속후 링크버튼 디자인을 종류별로 고를 수 있다. 아주 간단하다 1분 컷
1~3번까지 순서대로 선택을 하고 나서 마지막으로 GET CODE를 클릭해 주면 된다.
1. 디자인을 선택한다.
2. 세부적인 사이즈를 선택한다.
3. 최종디자인을 확인한다.
※ 아래 코드 확인!!
<a href ~ /a> : 서식저장 부분
my button ~1px; : css 코드복사 부분
CSS 버튼 코드를 복사한 후에 티스토리 HTML 스킨편집 탁탁! #1.
생성된 코드를 CSS코드 제일 하단에 붙여 넣기 하면 된다.
블로그관리 -> 꾸미기 -> 스킨편집 -> HTML편집 -> CSS
링크버튼 서식에 저장하기 #1.
서식 쓰기에서 HTML 모드 선택 후 코드생성기에서 가져온 가장 상단부분만 복사해서 붙여 넣기하고
미리 보기를 하면 링크버튼이 생선 된 것을 확인할 수 있다.
블로그관리 -> 콘텐츠 -> 서식관리 -> 서식 쓰기 -> HTML모드 선택
링크버튼 포스팅 글에 적용하는 방법 #1.
티스토리 글쓰기에서 더 보기... 클릭하여 서식을 선택 후 본인이 만들어놓은 버튼생성기를 클릭한다.
▲ 위아같이 생성된 버튼생성기에 본인이 원하는 글자를 아래와 같이 ▼ 수정하여 적어준다.
생성된 링크버튼에 원하는 홈페이지 링크를 걸어준다.
글을 마치며..
포스팅한 글을 순서대로만 따라 한다면 금방 적용하여 나의 글을 이쁘게 디자인할 수 있을 것이다.
나도 지금 막 링크버튼을 배워서 적용하는 단계이기 때문에 다음 포스팅 할 때는 좀 더 이쁜 디자인으로 링크버튼을 만들도록 할 생각이다.
'정보' 카테고리의 다른 글
| 종합소득세(종소세) 신고방법#1 (0) | 2023.05.09 |
|---|---|
| 정부지원 휴가비 총 40만원 (휴가비지원사업) (0) | 2023.05.08 |
| whatsapp pc버전 다운로드 (0) | 2023.05.02 |
| 어린이 해열 진통제 챔프시럽 온라인 환불 방법 및 챔프시럽 대신할수 있는 해열제및 진통제 8종 (0) | 2023.04.29 |
| 돈버는 방법 청년내일저축 신청하는방법 (0) | 2023.04.27 |
